Scrollanim 一款简单而又强大的 滚动加载动画库

Scrollanim 是使用 CSS3 + JavaScript 实现的用于创建滚动动画的库,应用到元素上后,当此元素出现在浏览器可视区域时便会执行对应的动画。Scrollanim 是 Kissui 的一部分,所以使用 Scrollanim 时需要用到 kissui.css。


使用方法也和简单 下载后引入下面几个文件就可以了

<link rel=" sheet" href="css/kissui.css"> 
<link rel=" sheet" href="css/scrollanim.min.css"> 
<script src="js/scrollanim.min.js">script>
"fadeIn">hello world!div>



关于Scrollanim 

Scrollanim 是一款用 CSS3 和 JavaScript 实现的滚动动画库,它可以用在任何地方。


使用简单

Scrollanim 有很多内置的 CSS3 动画,你可以添加到元素的 data-kui-anim 属性上。

欢迎来到 www.dowebok.com

高级模式

此外,还可以使用 JavaScript 来添加动画:

kissuiScrollAnim.add(element, {
'in': 'fadeIn'
});

Scrolanim 支持元素所有可用的位置,还可以使用复合事件名称(如:"center middle")。

CSS3 动画

Scrolanim 有很多 CSS3 动画可以使用,没有 JavaScript 动画,使性能更好。可以运行在 PC 和移动设备。

无限动画

Scrolanim 的动画名接受 infinite 参数,可让动画一直重复播放。




立即下载Scrolanim:

usablica-kissui.scrollanim-v0.3.0-0-gb97594e.zip

项目演示DEMO:

http://www.dowebok.com/demo/217/


本项目分享自oschina。