滚动动画库 Scrollanim

• 授权协议: GPL
• 开发语言: JavaScript HTML/CSS
• 操作系统: 跨平台
• 软件首页: https://github.com/usablica/kissui.scrollanim
• 软件文档: https://github.com/usablica/kissui.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>

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

或者使用 JavaScript：

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

查看演示

本文地址：https://codercto.com/soft/d/802.html