Scrollanim滾動動畫庫

簡介

Scrollanim 是使用 CSS3 + JavaScript 實現(xiàn)的用于創(chuàng)建滾動動畫的庫，應用到元素上后，當此元素出現(xiàn)在瀏覽器可視區(qū)域時便會執(zhí)行對應的動畫。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>

<div data-kui-anim="fadeIn">hello world!</div>

或者使用 JavaScript：

kissuiScrollAnim.add(document.getElementById('obj'), {
    'in': 'bounceIn'
});

查看演示