博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
VUE 项目中怎么使用animated.css动画
阅读量:5241 次
发布时间:2019-06-14

本文共 343 字,大约阅读时间需要 1 分钟。

这个其实很简单,animated.css里有很多动画。很好用,以下是使用步骤

1,首先安装插件   

  npm install animated.css --save

2. 在main.js里引入   

  import animated from 'animated.css' 

       Vue.use(animated);

3.在想使用的页面元素里直接写animated人类名,另外一定要先家animated这个类名。如下

 

这里的内容会有动画效果

这里的animated是一定要加的,不然不会有效果。zoomInLeft,zoomOutRight是其中的两个动画类

转载于:https://www.cnblogs.com/zyh-code/p/10693403.html

你可能感兴趣的文章
图片加载失败显示默认图片占位符
查看>>
【★】浅谈计算机与随机数
查看>>
解决 sublime text3 运行python文件无法input的问题
查看>>
javascript面相对象编程,封装与继承
查看>>
算法之搜索篇
查看>>
新的开始
查看>>
Leetcode 226: Invert Binary Tree
查看>>
解决miner.start() 返回null
查看>>
bzoj 2007: [Noi2010]海拔【最小割+dijskstra】
查看>>
C# Dynamic通用反序列化Json类型并遍历属性比较
查看>>
auth模块
查看>>
javascript keycode大全
查看>>
前台freemark获取后台的值
查看>>
log4j.properties的作用
查看>>
游戏偶感
查看>>
Leetcode: Unique Binary Search Trees II
查看>>
C++ FFLIB 之FFDB: 使用 Mysql&Sqlite 实现CRUD
查看>>
Spring-hibernate整合
查看>>
c++ map
查看>>
exit和return的区别
查看>>