监听CSS动画开始与结束状态

在做前端页面时,如果一个页面有多套动画特效依次播放。我们一般才用动画延时播放,延时时间为前面所有动画播放的总和。不过这样做的话有一些弊端:

1、如果动画很多的话会让人感觉很累,因为每个动画动摇计算前方动画所运行的时间。

2、如果中间某个动画的运行时间进行修改的话,后面所有的动画都需要修改。

所以,如果能监听动画结束事件,就可以完美解决。

代码如下:




    
    
    
    
    
    
    CSS3 动画事件
    


    

Test CSS3 SlideIn


你可能感兴趣的:(css)