1.  介绍

本方案介绍动画(animations)。通过动画,开发者可以将CSS属性值的变化指定为一个随时间变化的关键帧(keyframes)的集合。在随着时间变化而改变CSS属性值呈现方面,动画与过渡(transitions)类似。主要的区别是,当CSS属性值改变时,过渡隐式触发;而当动画属性被应用时,动画被显式地执行。正因为如此,在给CSS属性添加动画时,需要给动画指定明确的值。

动画的许多方面都可以被控制,包括动画的重复次数,是否在开始值与结束值之间交替,以及是否让动画开始或暂停。同样也可以控制动画是否延迟开始。

2.  动画

CSS动画影响属性值的计算。这种影响通过向CSS层叠顺序中添加一个指定的值实现,这样就可以产生动画在当前状态的正确的计算值。正如[CSS3CASCADE]中规定的那样,动画会覆盖所有正常的样式规则,但是动画会被 !important规则覆盖。

如果在某一时刻对于同一个CSS属性存在多个指定的动画行为,那么此刻在animation-name属性值中最后出现的动画会覆盖其他的动画。

例子  

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式