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有开始,过程,结束多种状态可以控制过程.还能控制播放次数