话说，css就是那个层叠样式表。这个咋跟动画扯上关系了。其实，css早就可以实现动画的效果。

这里有demo可以喵喵：
https://tympanus.net/Development/HoverEffectIdeas/index.html

https://tympanus.net/Development/CreativeLinkEffects/

虽然很美好，可是css的兼容性问题从来就没离开过。这里就不管这些了。常见的动画效果改变有颜色，位置，scale，透明度，宽，高等等。下边就列出一些其api的，不会说其用法。

css可以通过写transition可以控制div的变化。这个是先设定好某div欲改变的属性（某个属性，某些属性，所有属性），时间等。当div的所想改变的属性的值变化了，动画也就产生了。

还有一种是通过animation以及keyframes来控制div的变化。keyframes里用来描述变化的属性以及起始位置或变化时间点。也就是from和to或百分比。百分比所表示的是变化的时间的百分比。这个，自己可以自由定义。别缺0%和100%。

transition和animation的行为上的不同点。个人觉得，transition先设定好了欲要变化的属性时间等。通过设定属性值来变化。而animation是直接操作。

好多时候，既然能用css实现的动画效果。就可以不依赖js了。