0
点赞
收藏
分享

微信扫一扫

Springboot服务端接口公网远程调试,并实现HTTP服务监听

Mezereon 2023-05-31 阅读 99

这篇文章给大家介绍一个PC网站的动画库 

效果预览网站动画参考网站

https://www.zrsc.vip/#/
 

观看效果之后,开始对使用

WOW.js 实现了在网页滚动时的动画效果,可以让你的页面更有趣,比如页面在向下滚动的时候,让一些元素产生动画效果,吸引用户的注意。

注意点:WOW.js 实现需要 Animate.css 项目的支持

资源下载github资源下载

1.打开git链接下载WOW.js
2.解压文件,找到dist下的wow.min.js文件用于链接到页面中使用WOW.js
3.首先要在页面中链入Animate.css

<!-- 引入animate文件 -->
<link rel="stylesheet" href="css/animate.min.css">

4.在页面底部引入wow.min.js文件并进行初始化

<script src="../js/wow.min.js"></script>
<script>
    new WOW().init();
</script>

也可以进行自定义配置,如下所示:

var wow = new WOW({
    boxClass: ‘wow‘,
    animateClass: ‘animated‘,
    offset: 0,
    mobile: true,
    live: true
});
wow.init();

5.为想要添加动画效果的元素(必须是块级元素或者是行内块级元素)先添加一个名为’wow’的类名,再为其添加相应动画的动画名即可(这个可以到官网中查看自己想要的动画效果类名))。

<div class="wow lightSpeedIn"></div>

具体各种效果大家可参考  https://wowjs.uk/

复制想要的效果的class类名即可。

举报

相关推荐

0 条评论