css 动画---注意事项

animation 与 @keyframes 搭配使用。

@keyframes 用于编写动画的具体内容，不外乎：translate3d(x,y,z) scale3d(x,y,z) rotate3d(x,y,z,angle) skew(x-angle,y-angle) ，既可以使用单个属性，也可以混合搭配。（方便记忆translate3d(x,y,z)联想translateX，Y，Z）

动画执行的基础： animation-name and  animation-duration 两者缺一不可。animation-name--动画名称， animation-duration 动画完成时间。

锦上添花 ：animation-timing-function ，animation-delay ，animation-iteration-count ，animation-fill-mode  等。

此时，先把animation 与 @keyframes语法浏览一下，去研究animate.css 源码，相信你可以创造一个属于自己的动画效果。

animate.css： https://daneden.github.io/animate.css/