wow.js零基础使用介绍

 

  1. wow.js依赖于animate.css,首先需要在 head内引入animate.css或者animate.min.css
  2. wow.js或者wow.min.js,然后js文件里再写一行代码。
  3. 然后在div元素内添加相应的class类名就能实现相应的动画啦

 

  具体详细使用方法(类别的添加):

  wow是一定要添加的;

  slideInLeft说明了动画的样式,是从左边滑动出来的
  data-wow-duration(动画持续时间)、data-wow-delay(动画延迟时间)、data-wow-offset(元素的位置露出后距离底部多少像素执行)和data-wow-iteration(动画执行次数)这四个属性可选可不选。
  
  当然还有更多的属性,总结就是wow的动画效果使用起来非常简单好用,性价比点赞!(比如还有还有很多的动画弧度等等的可以到animate.css调整,更改源文件)
 
 
  wow官网:https://www.delac.io/wow/
 
posted @ 2019-03-06 16:38  走马严  阅读(556)  评论(1编辑  收藏  举报