Toggle navigation
卡尔-个人博客
网站首页
博客讯息
个人日记
代码笔记
网站模板
软件工具
友情链接
关于我
代码笔记
返回
笔记详情
wow.js配合Animate.css使用检测滚动触发动画
2019-04-15
697
Animate.css是一款免费好用的CSS3动画库，wow.js配合Animate.css可实现页面滚动检测触发元素动画的效果
[Animate.css链接](https://daneden.github.io/animate.css/ "Animate.css链接") [wow.js链接](https://www.delac.io/wow/ "wow.js链接") wow.js配合Animate.css使用也比较简单 1.引入 `<link href="css/animate.css" rel="stylesheet">` `<script src="js/wow.min.js"></script>` 2.class加入动画名 ###### 例如:向上滑动动画 'bounceIn' `<div class="bounceIn">...</div>` ###### 加入延迟触发 在html标签内添加 `data-wow-delay="时间"` 属性即可 `<div class="bounceIn" data-wow-delay="0.5s">...</div>`
标签：
CSS
Javascript
动画
上一篇: Linxu查询进程和IP连接
下一篇: Git管理工具SourceTree安装及基本操作
博客排行
1
Amazon EC2免费VPS防止超额被扣钱三大方法:流量 硬盘读写 运行时长
2
Hostry 外国VPS测评
3
AutoCAD 2017 2018 2019 2020教育正版免费下载使用
4
JustHost 外国VPS测评
5
GitHub Pages免费网站搭建
笔记排行
SSpanel 配置支付宝当面付f2fpay
宝塔面板配置SSPanel-V3-mod 前端搭建教程
Lightsail AWS SSH连接和创建root用户
SSpanel 配置QQ邮箱
SSPanel-V3-mod 后端搭建教程
paypal表单式在线付款
web特殊字体,字蛛字体压缩
云标签
更多标签 »
工具
软件
Javascript
Linxu
CSS
PHP
服务器
SS
HTML
网站模板
数据库
Nginx
ThinkPHP5
Python
SSpanel
mongoDB
企业网站
Jquery
远程连接
加速
×
扫一扫，关注我的微信！
在线联系
在线QQ
微信扫码
