javascript - 过渡/动画后CSS触发javascript

Question

我不想从 JS 触发 CSS 动画，而是相反。

如果我通过 -webkit-transition 或 transition: all 1000ms 类型的样式表做 CSS 动画，有没有办法在转换后触发 JS 函数完成了吗？

基本上我一直在通过 javascript 制作动画，我想将其中一些转换为 CSS 动画，但我需要在动画完成后触发 javascript 事件。

Answer 1

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

参见:Callback on CSS transition