页面中的动画效果，和动画一样，通过关键帧来一帧一帧实现，同样css3中的动画效果通过keyframes这个关键帧属性来实现动画。
@keyframes name{ from{} to{}}
其中from初始位置，to执行动画后的位置，不设置其它属性则之后复原 ，如果需要有多个过程的动画，则需要用0%{} 25%{} 50%{} 75%{} 100%{}去指定位置变化，{}内是用分号隔开位置属性。
动画常用的属性： 1.animation-name: name 动画的名称。 2.animation-duration: time 动画的持续时间 3.animation-delay: time 动画的延时执行 4.animation-timing-function：linear (匀速过渡) / ease(慢速，默认值) / ease-in (先慢后快) / ease-out (先快后慢) / ease-in-out (慢快慢)；控制运动快慢 与过渡一样 5.animation-direction:alternate(奇数次播放为顺时针，偶数次为逆时针) / reverse(反向播放) / normal(默认值，正常播放); 控制动画运动的方向 6.animation-iteration-count: 次数/infinite(循环播放)；控制动画的运动次数 7.aninmation-play-state: paused; 控制动画暂停 8.animation-fill-mode: forwards; 控制动画结束时不回到原点。
总结：动画属性在页面中经常被用于flash动画的制作，可以实现有趣的动态页面视觉效果。
随心笔记加自己的小小见闻。
