js如何銜接css3的多個@keyframes動畫?


css3特效動畫,我們在編寫頁面中經常遇到,而且是在同一個div模塊上有多個銜接的不同動畫,css中,我們經常使用animation-delay (規定在動畫開始之前的延遲)進行處理。

那么,下面分享一個自己用的比較多的一個js動畫銜接小方法:

    1、先定義兩個animation @keyframes動畫

    

 

    2、js通過監聽 webkitAnimationEnd 事件 更改class 

    

 

    這樣就可以通過js銜接了兩個css3動畫......


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM