很高兴在2017/10/14发表了自己的第一个博客随笔,不管你们怎么想,我自己觉得逼格瞬间高了起来。哈哈哈,哈撒尅。
有时候项目需要一些动画来提升用户体验,吸引用户注意力。这时wow是个不错的选择
wow.js依赖animate.css,不需要jquery;animate.css是纯css动画
建议去官网一看
当您滚动时显示动画。非常Animate.css朋友:-)
轻松自定义动画设置:样式,延迟,长度,偏移量,迭代...
使用步骤:
1、引入animate.css
2、引入wow.js
3、启动new WOW().init();
new WOW().init();
4、在需要动画的标签上面添加class 注:wow必须加在动画类名前面
完全契合0基础的学员
完全契合0基础的学员
5.高级选项 注:为了更好的控制动画效果(属性)
完全契合0基础的学员
完全契合0基础的学员
data-wow-duration:更改动画持续时间
data-wow-delay:动画开始前的延迟
data-wow-offset:开始动画的距离(与浏览器底部相关)
data-wow-iteration:动画的次数重复(无限次:infinite)