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。