Vue之Animate
来源:互联网 发布:yii框架源码 编辑:程序博客网 时间:2024/05/29 06:56
Animate是一个基于CSS3的动画库,集成了很多实用的动画。
引入Animate
引入Animate的方式有多种:
1、CDN
cdn的话可以自己去网上找,我一般的是CDN。复制了link标签或者是url地址后,以link标签的形式插入到项目的入口html文件index.html
。
2、npm
npm安装
使用webpack的时候,可以用npm安装
npm install animate.css --save-dev
引入文件
我们在main.js文件中引入animate
import 'animate.css';
或者
require('animate.css/animate.min.css');
使用说明
1、版本问题
在使用animate的时候一定要注意使用的是哪个版本的,因为在不同版本中类名可能会有细微的差别。所以在参照别人的教程学习的时候要注意这个情况,比如vue官网使用的3.5.1的animate,类名是以slide-in-left
的形式书写的,而我用的是3.5.2的,类名以slideInLeft
的方式书写,导致我反复试验以为是自己弄错了原理之类的,最后查看animate源码的时候才发现是版本的差别。
三级标题
四级标题
注:
阅读全文
0 0
- Vue之Animate
- vue之vue与animate.css动画结合
- Vue自定义动画和animate.css使用
- vue和animate.css怎么结合使用
- 三六、vue中使用animate.css
- vue 和animate.css 的动画使用
- VUE引用animate.css动画库
- Jq之animate
- jQuery动画之animate()
- jQ源码之animate
- Jquery之animate
- chrome之view之animate
- Animate
- animate
- animate()
- animate()
- Animate
- animate
- Inception-v4, Inception-ResNet and the Impact of Residual Connections on Learning论文笔记
- java继承和多态
- 阿里云oss对象存储图片上传
- 背包九讲
- MVC源码学习:打造自己的MVC框架(一:核心原理)
- Vue之Animate
- thinkphp加载数据库图片路径问题
- 安装cudnn
- Java学习笔记之集合(八):HashMap的存储原理
- 实现一个函数用来找出字符流中第一个只出现一次的字符。
- (6)学习SpringBoot 之 打包war,放置外部tomcat
- centos7源码安装mysql5.7.19
- 使用Anaconda3建立虚拟独立的python2.7环境
- 设计模式8-代理模式