Scrollanim滚动动画库

联合创作 · 2023-09-19 03:26

简介

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'
});

查看演示

浏览 10
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报