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> <div data-kui-anim="fadeIn">hello world!</div>
或者使用 JavaScript:
kissuiScrollAnim.add(document.getElementById('obj'), { 'in': 'bounceIn' });
查看演示