CSS3动画
对比CSS动画与JS动画
- CSS 3D动画在js中无法实现
- CSS 2D矩阵动画效率高于js利用margin和left,top模拟的矩阵动画
- CSS3其它常规动画属性的效率均低于js模拟的动画（常规动画属性在这里是指：height，width,opacity,border-width,color...）
动画过渡--transition
动画--animation
@keyframes（“关键帧”），它的样式规则是由多个百分比构成的，如“0%”到“100%”之间，分别在每一个百分比中，加上不同属性，从而让元素达到一种在不断变化的效果。
@keyframes 动画名称{
0%{元素状态}
...
100%{元素状态}
}
animation属性
