找回密码
记录一次网站添加wow动画效果

经常访问本站的应该发现网站做了一些调整,改成了卡片式块状布局,每个DIV之间有间隔,看上去更简约一点。效果最明显的就是有wow效果,就是动画效果,查看wow演示…

images

经常访问本站的应该发现网站做了一些调整,改成了卡片式块状布局,每个DIV之间有间隔,看上去更简约一点。效果最明显的就是有wow效果,就是动画效果,查看wow演示效果

首先下载wow所需要的css和js文件(自己百度搜索下载,不到100KB),引用wow.js或者wow.min.js 和 animate.css;

images

在需要用到这个效果的元素上面添加class=”wow fadeInUp” 和 data-wow-delay=”.1s”,具体所表示的含义在下图中有说明images

初始化wow.js

images

然后就大工告成了,总之一言难尽,自己体会,不会的留言

未经允许不得转载:视多多资讯网 » 记录一次网站添加wow动画效果

评论 3

要发表评论,必须先登录

 

  1. 网站很好看啊!