素材牛VIP会员

页面滚屏触发动画展示效果Scrollanim

 所属分类:网页特效-动画效果

 浏览:3856次  评论:1次  更新时间:2016-12-16
牛币素材VIP可免积分下载
页面滚屏触发动画展示效果Scrollanim兼容IE9
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:Scrollanim是创建页面滚动触发动画的插件,它使用了Animate.css各种动画样式,你可以选择自己喜欢的动画。
 标签:触发滚屏动画

详细介绍

使用方法:

引入相关JS、CSS文件

<link rel="stylesheet" href="css/kissui.css">
<link rel="stylesheet" href="css/scrollanim.min.css">
<script src="js/scrollanim.min.js"></script>

HTML结构

在元素上加上 data-kui-anim 属性,并写上相应的动画名称,即可现实动画效果

<div data-kui-anim="fadeIn"> 
    <p>www.sucainiu.com</p> 
</div>

展示动画效果

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

讨论这个素材(1)回答他人问题或分享使用心得会奖励牛币

华***n  
2017年10月23日

喜欢 感谢分享

ch***ng:一起研究
回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:1 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)