1
我学习CSS动画和我有一个问题加载第二个关键帧。CSS动画:后第一
这是我的例子:
http://jsfiddle.net/MBJbB/ 注:在WebKit浏览器才能正常工作。
我有2个关键帧。我设置“第一”重复3次。
运行3次的“第一”关键帧后,我想叫“老二”无限次。
我学习CSS动画和我有一个问题加载第二个关键帧。CSS动画:后第一
这是我的例子:
http://jsfiddle.net/MBJbB/ 注:在WebKit浏览器才能正常工作。
我有2个关键帧。我设置“第一”重复3次。
运行3次的“第一”关键帧后,我想叫“老二”无限次。
编辑:joshuanhibbert的答案是更优雅。用它。
$("#ball").bind("webkitAnimationEnd oAnimationEnd msAnimationEnd animationend", function(){
$(this).addClass("infinite");
});
而且你的CSS
#ball.infinite {
-webkit-animation: second 1s ease-in 0 infinite alternate;
-moz-animation: second 1s ease-in 0 infinite alternate;
-o-animation: second 1s ease-in 0 infinite alternate;
-ms-animation: second 1s ease-in 0 infinite alternate;
animation: second 1s ease-in 0 infinite alternate;
}
的jsfiddle:http://jsfiddle.net/K74TW/
谢谢,它的工作原理!在Mozilla中只需更改为mozAnimationEnd? –
Mozilla的版本是animationend。当Opera支持动画时,我编辑了答案以便将来证明它,并且希望有一天IE也可以。 – Duopixel
谢谢,它的工作原理! –