动画animation
@keframes规则
如需在CSS3中引入动画，需要学习@keyframes规则，@keyframes规则用于创建动画，在@keyframes中规定某项CSS样式，就能创建出当前样式逐渐改变为新样式的动画效果。
animation至少包含两个属性：
1.规定动画的名称
2.规定动画的时长
写好规则，再使用animation属性来应用到某个元素
animation：myAinmation 5s；
和过渡类似，他可以规定几个值：动画名、动画时长、效果、开始时间
动画是使元素从一种样式逐渐改变为另一种样式的效果，可以改变人一多的样式任意多的次数，用百分比来规定变化发生的时间，或用关键词“from”和“to”，等同于0%和100% 。0%是动画的开始，100%是动画的完成，0%和100%方式兼容性更好。
