css3特性和动画

css3比css2多了一些新特性，比如更丰富的选择器.nth-child,nth-of-type，first-child,last-child等一些伪类选择器还有圆角：border-dadius，盒阴影：box-shadow，渐变：linear gtadiendt 还有动画:

transition(过渡)，transform(实现位移(translate),倾斜(skew),旋转(rotate),缩放(scale),animation(关键帧动画),配合@keyframes)等以及@media 和flex弹性盒子

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

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

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

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