网页中下拉出现动画效果的实现

效果的实现只需要两个库:1.animate.css 2.wow.js

animate.css 参考:https://daneden.github.io/animate.css/

wow.js 参考:https://github.com/matthieua/WOW

1.新建index.html,在head中引入animate.css

<head>
<link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css">
</head>

2.在body最后引入wow.js

 <script src="https://cdn.bootcss.com/wow/1.1.2/wow.js"></script>
 <script>
        (function () {
            new WOW().init()
        })()
 </script>

3.给写好的样式上想要实现动画效果的标签类名:


<div class='fadeInLeft wow animated'>
 
</div>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值