css3动画播放后如何停止在最后的状态

html-css010

css3动画播放后如何停止在最后的状态,第1张

新建keyframes元素,命名为myFirst。设置百分比,编写Animation属性对属性值的引用。为了开考虑兼容性问题,可以多写几个备选,详细步骤:

1、首先,准备好HTML前期工作以及对DIV的一个简单设置。

2、然后,新建keyframes元素,命名为myFirst。

3、然后,可以在设置百分比,不仅仅只能设置4个,大家可以根据需求设置。

4、这时候,可以为他写上各种百分比的颜色。

5、此时,就能编写Animation属性对属性值的引用。

6、为了开考虑兼容性问题,可以多写几个备选。

<pre t="code" l="css">animation-fill-mode : none | forwards | backwards | bothnone:不改变默认行为。forwards :当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。backwards:在 animation-delay 所指定的一段时间内,在动画显示之前,应用开始属性值(在第一个关键帧中定义)。both:向前和向后填充模式都被应用。