wow.js零基础使用介绍
- wow.js依赖于animate.css,首先需要在 head内引入animate.css或者animate.min.css
- wow.js或者wow.min.js,然后js文件里再写一行代码。
- 然后在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/
大漠里的那一片绿洲