CSS3的新特性与CSS3的动画

css3比css2多了一些新特性：

丰富的选择器：nth-child,nth-of-type；

伪类选择器：first-child,last-child；

圆角：border-radius；

盒阴影：box-shadow；

渐变：linear,gradiendt；

动画：transition（过渡）,transform(实现位移),倾斜(skew),旋转(rotate),缩放(scale),animation(关键帧动画) 配合@keufranes等以及@madia和flex弹性盒子。

动画性能优化的方式是通过写3d效果的.比方说translate3D(20px,20px,0);可以开启浏览器的 GPU硬件 加速

Animation  和 和转换效果有什么区别? 

1.transform过渡只有开始和结束两种状态；

2.animation有开始，过程，结束多种状态可以控制过程.还能控制播放次数

CSS动画大致上分为两种：

第一种：过渡动画：主要通过transition来实现，通过设置过渡属性，运动时间，延迟时间和运动速度实现

第二种：关键帧动画：通过animation配合@keyframes实现

transition动画和animation动画的主要区别有两点：

第一点transition动画需要事件来触发，animation不需要

第二点:transition只要开始结束两种状态，而animation可以实现多种状态，并且animation是可以做循环次数甚至是无限运动