这是一款typecho插件,一款基于wow.js开发的元素初次加载动画插件,主要功能就是给元素添加好看的入场动画。
- 点击右上角绿色的
Clone or download,Download ZIP, 解压文件。 - 重命名文件夹为
WowScroll - 将
WowScroll文件夹上传至typecho的插件usr/plugins目录 - 登录后台启用
WowScroll插件即可正确食用
-
正确启用插件后,首先需要设置动画作用的元素,请用css选择器语法在框内填写你要添加动画的元素。 比如我想让handsome主题首页的文章出现初次加载动画,可以输入
#post-panel .panel。 -
本插件支持输入多个选择器,使用时请用半角逗号
,隔开。比如#post-panel .panel, h2,这样文章和所有h2标签都会添加入场动画。
目前插件使用的animate.css版本是3.7.2,如果你未加载过或者使用的版本低于3.7.2,请开启animate.css的加载。
-
handsome主题内置的animate版本较低,建议插件配置开启
animate.css的加载,否则会出现部分动画失效的情况。 -
关于动画的种类与预览效果,查看animate.css文档
- 添加完全随机动画模式
- 添加统一随机动画模式
预览效果: Sanakeyの小站