您的位置: 首页 > 文章 > Vue 中的动画特效二——在Vue中使用Animate.css库

Vue 中的动画特效二——在Vue中使用Animate.css库

分类: 文章 • 2024-10-31 21:41:34

在Vue中使用KeyFrame形式的CSS3动画

Vue 中的动画特效二——在Vue中使用Animate.css库

Vue 中的动画特效二——在Vue中使用Animate.css库

也可以自定义class名来使用动画，只需要在transition中加入该属性

Vue 中的动画特效二——在Vue中使用Animate.css库

通过这种方式我们就可以用来导入CSS动画库

首先下载CSS动画库

Vue 中的动画特效二——在Vue中使用Animate.css库

然后引入这个CSS文件

Vue 中的动画特效二——在Vue中使用Animate.css库

之后只要将类名修改为animated + 某动画效果就可以了

Vue 中的动画特效二——在Vue中使用Animate.css库