animate.css的使用

2022年6月6日 0 作者 admin

官网

https://animate.style/

1-npm安装

npm i animate.css -S //运行依赖

2-引入包 在需要用到组件的地方

<script>
// animate__slideInDown
// 引入animate.css样式
import "animate.css";
export default {
}

3-在类名上使用

一定要加上animate的前缀

animate__animated

使用

:class="[ 'animate__animated animate__slideInUp']"

4-效果展示