来！跟着我动手写一个css3加载动画！

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

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

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

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

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

animation-direction
规定是否应该轮流反向播放动画。
原谅我借用一下w3cschool的资源哈，不过建议大家去菜鸟教程看文档，会比较全，当然对着官方文档效果会更好一些。
看一下整页的代码:

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