转换/动画后CSS触发javascript

时间:2012-12-04 06:13:26

标签: javascript html css css3 css-transitions

我不打算从JS触发CSS动画,而是相反。

如果我通过-webkit-transitiontransition: all 1000ms类型样式表执行CSS动画,有没有办法在转换完成后触发JS函数?

基本上我一直在通过javascript做动画,我想把它们中的一些转换成CSS动画,但我需要在动画完成后触发javascript事件。

2 个答案:

答案 0 :(得分:4)

box.addEventListener('webkitTransitionEnd', function( event ) { 
     alert( "Finished transition!" ); 
}, false );

请参阅:Callback on CSS transition

答案 1 :(得分:1)

我认为你需要在转换之前使用javascript来触发它,然后再触发它。做某种回调......但我的知识很差