1.  介绍

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

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

2.  动画

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

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

例子  

网友评论