基于css3的动画效果插件 wow.js 和 Scrollreveal.js

最近发现animate.css很漂亮,可以做很多动画效果,一些需要炫酷一些的网址可以添加,而且使用方便,添加类就可以了,使用方法有些像bootstrapt,只要给标签添加类就可以出现效果,而且也可以自己用js结合wow.js控制效果,只是必须要浏览器版本高些的才支持。

例如:IE10+,才可以使用!!!!!!!!!!!!

*animate.css的使用方法推荐网址:https://www.cnblogs.com/xiaohuochai/p/7372665.html

*wow.min.js 支持css3多种动画的效果!

WOW.js 需要 animate.css 配合,所以它支持 animate.css 多达 60 多种的动画效果,能满足您的各种需求。wow.min.js可以实现在滚动下的动画状态。

使用方法:

1、加入animate.css

1

<link href="http://www.bbsxiaomi.com/case/css/animate.min.css" rel="stylesheet">

2、加入wow.js

1

<script src="http://www.bbsxiaomi.com/js/wow.min.js"></script>

3、元素中加入class

1

<div class="wow animated tada">tada</

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值