很多前端开发者可能和我一样，对于css3的动画写的不多，遇到产品强制加特技，赶紧上网搜案例！呵呵哒！当然作为乘着HTML5热潮的前端开发者，不会手写几个高逼格的动画，你怎么和老革命家划清界限呢？对吧！来上马！
今天我呢，带着大家做一个加载的动画效果！
说到动画就要用到animation啦，来饿补一下：
描述
animation-name
规定需要绑定到选择器的 keyframe 名称。。

animation-duration
规定完成动画所花费的时间，以秒或毫秒计。

animation-timing-function
规定动画的速度曲线。

animation-delay
规定在动画开始之前的延迟。

animation-iteration-count
规定动画应该播放的次数。

html的结构很简单哈，精华都在css里了，有兴趣的童鞋复制下来运行一下，还是有点逼格的哈，这次分享的是平面动画，下次给大家来个炫酷的3d效果！加特技 不收费！

作者：TracySoke
链接：https://www.jianshu.com/p/a7c640441d32