首页 > Web开发 > 详细

animate.css和wow.min.js配合制作滚动特效

时间:2021-07-03 22:20:46      阅读:19      评论:0      收藏:0      [点我收藏+]

1、引用animate.css,wow.min.js

2、定义全局函数

//动画效果
wow = new WOW({
  animateClass: ‘animated‘,
  offset: 100,
  callback: function(box) {
    console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
  }
});
wow.init();

3、dome加上对应的效果就OK了

<div class="wow fadeInUp">专业的海外移民资讯服务提供商</div>

4、延时效果

<a href="" class="wow fadeInUp" data-wow-delay="0.5s">关于我们</a>

 

animate.css和wow.min.js配合制作滚动特效

原文:https://www.cnblogs.com/lhj-blog/p/14966750.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!