animate.style是一个常用的动画组件库,非常适合强调、主页、滑块和引导注意力的提示
1,安装
使用 npm 安装:
$ npm install animate.css --save
导入到main文件夹中:
import 'animate.css';
其他的安装方法官网也有
动画.css |CSS 动画的跨浏览器库。 (animate.style)
2,用法
将类和动画名称直接添加到元素中
<h1 class="animate__animated animate__bounce">An animated element</h1>
3,自定义属性
还可以用自定义属性来控制动画的持续时间、延迟和迭代