欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

animate.css使用步骤

程序员文章站 2022-03-16 19:04:47
...

vue项目使用animate.css

1、下载:npm install animate.css --save
2、引用,在全局min.js中引用
3、就可以正常在页面使用了
举例:前面的animate__animated必须有,不然动画效果无效,class中第二项animate__bounce是你需要的动画效果,可以在官网找到你想要的动画效果,然后替换掉animate__bounce

<h1 class="animate__animated animate__bounce">An animated element</h1>

点击去animate.css官网