其他分享
首页 > 其他分享> > Animate与wow的使用

Animate与wow的使用

作者:互联网

为了实现图片动画到达可视区的动画效果

1.需要animate.min.css wow.min.js资源进行引用

2.wow需要

<script type="text/javascript">
 new WOW().init();
</script>

才有效果

3.使用: class="wow animated fadeInUpSmall"  第三个参数动画名称 可在官网查看效果

wow需要放在动画前 

动画名称前需要加animate

4.扩展

data-wow-delay="0s"   style="visibility: visible; animation-delay: 0s;"

data-wow-duration:更改动画持续时间
data-wow-delay:动画开始前的延迟
data-wow-offset:开始动画的距离(与浏览器底部相关)
data-wow-iteration:动画的次数重复(无限次:infinite)

标签:动画,min,wow,delay,使用,Animate,data,animate
来源: https://www.cnblogs.com/katanfei/p/15548038.html