wow.js插件，让滚动动画更简单，让生活更美好

直接上代码，我相信你肯定可以看懂。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style type="text/css">.item {width: 200px;height: 200px;margin: 30px auto;background-color: red;}.item2 {width: 200px;height: 200px;margin: 30px auto;background-color: red;}.box {width: 500px;height: 2000px;background-color: royalblue;margin: 20px auto;}</style><link rel="stylesheet" href="http://zhangli6.top/texiao/animate.min.css"><script src="http://zhangli6.top/texiao/wow.js" type="text/javascript" charset="utf-8"></script></head><body><!--        wow : 添加wow演示, fadeInUpBig : 向上快速淡入,data-wow-delay : 动画开始前延迟 0.3秒 --><div class="box"><li class="item wow animated fadeIn">啊哈哈哈</li></div><div class="box"><li class="item wow swing animated">啊哈哈哈</li></div><li class="item2 wow swing animated ">啊哈哈哈</li></body><script type="text/javascript">new WOW().init();</script>
</html>

老铁你肯定已经出效果了，不过我建议你把animate.min.css和wow.js下载下来放到本地。因为你现在看到的在我的服务器上。

当你在vue中是使用wow.js请点击这里

wow.js插件，让滚动动画更简单，让生活更美好相关推荐

WOW.js – 在页面滚动时展现动感的元素动画效果
在一些网页上,当你滚动页面的时候会看到各式各样的元素动画效果,非常动感.WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件,很容易定制,你可以改变动画设置喜欢的风格.延迟.长度.偏移和迭代等 ...
动态效果html wow,WOW.js ? 在页面滚动时展现动感的元素动画效果_html/css_WEB-ITnose...
在一些网页上,当你滚动页面的时候会看到各式各样的元素动画效果,非常动感.WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件,很容易定制,你可以改变动画设置喜欢的风格.延迟.长度.偏移和迭代等 ...
WOW.js插件使用
WOW.js插件使用 WOW.js插件使用不多说先看效果 WOW官网是不是觉得很有趣,这样小小的一款插件就能做出这么多动画效果. 一些小小的细节效果能为网站增色不少,下面就让我们来学习如何使用这款 ...
KubeVela 1.4：让应用交付更安全、上手更简单、过程更透明
作者:孙健波,曾庆国 KubeVela 是一个现代化的软件交付控制平面,目标是让应用的部署和运维在如今的混合多云环境下更简单.敏捷.可靠.自 1.1 版本发布以来,KubeVela 架构上天然打通了企 ...
wow.js让页面滚动得更有趣
一.(页面在向下滚动的时候,有些元素会产生细小的动画效果.虽然动画比较小,但却能吸引你的注意.) 刚知道wow.js这个插件,之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇,现在自己依葫芦画瓢也 ...
你也可以做一个小米魅族网站 WOW js WOW js – 在页面滚动时展现动感的元素动画效果
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 可视区域 ...
你也可以做一个小米魅族网站（WOW.js：WOW.js – 在页面滚动时展现动感的元素动画效果）
可视区域动画: aos.js :http://www.jq22.com/jquery-info8150 scrollReveal.js :http://to ...
WOW.js – 让页面滚动更有趣
关注"青年码农",回复"特效" 获取各种资料粒子特效.可视化等源码如果给向下滚动的页面增加一些细微的动画,这往往能给浏览者带来更好的体验,WOW.js就是这么 ...
Animate.css+wow.js实现页面滚动到可视区显示动画效果
今天看迅雷官网 https://www.xunlei.com/v2018/dist/aboutus.html 实现的滚动到可视区域后显示动画,自己之前没做过这种,非常感兴趣,然后问小伙伴, 大部分都没 ...
js数字金额滚动动画(vue)
vue金额滚动动画效果预览 QQ20190124-0.gif <template><div><div class="head" @click=&qu ...

wow.js插件，让滚动动画更简单，让生活更美好

wow.js插件，让滚动动画更简单，让生活更美好相关推荐

最新文章

热门文章