vue與animate.css的結合使用


 在vue項目中,由於頁面需要動畫效果,使用動畫其實有多種方式,可以使用vue中的過渡transition,可以使用animate動畫與transition配合使用,也可以單獨使用animate動畫庫。

下面我們開始介紹在vue中單獨使用animate動畫,其實也非常簡單,兩步留可以實現:

第一步:安裝:

在命令行中執行:npm install animate.css --save

第二步:直接調用

在需要展示頁面的DOM元素中,直接使用animated中的動畫class名,注意:必須使用animated這個class名,否則動畫會無效 。

 


免責聲明!

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



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