如何通过一个事件(hover,click..)触发css3动画的重新执行?在stackoverflow找到一个相关的问题,但是下面给出的答案也不起作用。http://jsfiddle.net/arunpjohny/8WQcy/1/这篇文章挺好的,介绍了重新运行css3动画的不同方法animation必须是infinite,animation-play-state才有效。restart用这种方法挺好://retrievetheelementelement=document.getElementById("logo");//resetthetransitionby...element.addEventListener("click",function(e){e.preventDefault;//->removingtheclasselement.classList.remove("run-animation");//->triggeringreflow/*Theactualmagic*///withoutthisitwouldn'twork.Tryuncommentingthelineandthetransitionwon'tberetriggered.element.offsetWidth=element.offsetWidth;//->andre-addingtheclasselement.classList.add("run-animation");},false);
茅侃侃
如何使动画继续 还有重新播放
JS动画和CSS3动画,学习时应着重学习哪个?
css3动画播放后如何停止在最后的状态?
CSS3 中 animation-direction:alternate。反方向时,如何设定动画开始的延时
相关分类