1、首先，准备好HTML前期工作以及对DIV的一个简单设置。2、然后，新建keyframes元素，命名为myFirst。3、然后，可以在设置百分比，不仅仅只能设置4个，大家可以根据需求设置。4、这时候，可以为他写上各种百分比的颜色。5、此时，就能编写Animation属性对属性值的引用。6、为了开考虑兼容性问题，可以多写几...
css3 使用animation 只执行一次然后停留在执行后的状态 探讨CSS3中使用animation指令，实现一次执行后停留在特定状态的技巧。正确运用方法如下：通过设置 `-webkit-animation` 属性，实现动画效果。使用 `animation: 'index' 5s ease-in-out 0s 1 alternate forwards;` 命令。理解`forwards`：这确保动画完成时，保持最后的关键帧属性值。使用 `-webkit-keyfram...
css3的-webkit-animation动画执行后会变回原来的样子,怎么保留住动画最后的状态呢? 保留住动画的最后状态2113，在animation后面加上forwards就可5261以了代码如下：4102 -webkit-animation{animations 1s ease 1 forwards} 注意：动画如果只执行一次，1653通过css无法办到，可以把动画结束时的样式写入一个class中，用js在动画结束时把class赋给这个对象。
如何停止requestAnimationFrame方法启动的动画 他是动态改写元素的style实现动画，所以任意时间想停止动画都是没问题的，因为我们可以获得各个阶段的状态值 另一种就是CSS3动画了，至于CSS3动画的原理，我不知道但是可以说一点的就是——见代码 1
css3循环动画在第一次执行的时候可以设置多少秒之后开始执行,但到了下一次开始执行的间隔时间怎么设置? 把总动画设为4秒，然后前75%也就是3秒都没变化（0-75%），之后的25%也就是1秒做动画就可以了，具体的democan参见demo。循环动画由几幅画面构成，要根据动作的循环规律确定。但是，只有三张以上的画面才能产生循环变化效果，两幅画面只能起到晃动的效果。在循环动画中有一种特殊情况，就是反向循环。
