CSS3动画

对比CSS动画与JS动画

1. CSS 3D动画在js中无法实现
2. CSS 2D矩阵动画效率高于js利用margin和left,top模拟的矩阵动画
3. CSS3其它常规动画属性的效率均低于js模拟的动画（常规动画属性在这里是指：height，width,opacity,border-width,color...）

动画过渡--transition

动画--animation

@keyframes（“关键帧”），它的样式规则是由多个百分比构成的，如“0%”到“100%”之间，分别在每一个百分比中，加上不同属性，从而让元素达到一种在不断变化的效果。

@keyframes 动画名称{

   0%{元素状态}

   ... 

   100%{元素状态}

}

animation属性