Internet Explorer 9，以及更早的版本,
不支持 @keyframe 规则或 animation 属性。
Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性
Chrome和Safari需要前缀-webkit-
@keyframes（关键帧）
animation 使用规则，Name must,duration must
Animation turn 顺序
animation 所有动画简写，除了animation-play-state
1、name 动画名
2、duration 动画执行（一个周期）时长 默认值： 0
3、time-function 动画速度曲线 默认值： ease
4、delay 动画何时开始 默认值： 0
5、iteration-count 动画被播放的次数 默认值： 1
6、direction 动画在下一周期是否逆向播放 默认值： normal
7、play-state 规定动画是否正在在运行或暂停 默认值：running
8、fill-mode 规定动画时间之外的状态
悟性差，记忆差，所以多记记笔记了，必须重新过几遍
概念链接：http://www.w3school.com.cn/css3/css3_animation.asp
