WOW.js页面滚动动画触发框架
页面滚动触发的动画效果,用WOW.js
做挺合适的。配合animate.css,你能轻松整出几十种炫酷效果,滑动一下就能动起来,视觉体验一下子就高级了。
动画触发靠的是元素进入可视区域,挺适合页、Landing Page 一类的场景。不用手写复杂逻辑,只要加点类名就能搞定,响应也快。
WOW.js本身依赖animate.css,所以要记得先引入它。用法也不难,像这样:
new WOW().init();
给你要动的元素加上wow
和animated
类,再配一个具体动画类,比如fadeInUp
:
Hello Animation
效果立马就有了,调试起来也不折腾。想看所有支持的动画,可以翻下Animate66 种效果这篇,挺全的。
如果你还没试过WOW.js
,可以从这个入门指南开始折腾。需要的动画库在下面这些文章里都能找到,想用啥效果直接拷来用也行:
如果你页面比较平淡,想让它动起来点,可以试试WOW.js。加动画不难,效果还挺惊艳的,挺值。
7.39KB
文件大小:
评论区