页面滚动动画插件scrollanim.js

所属分类:其他,UI-动画效果,滚动

页面滚动动画插件scrollanim.js ie兼容10

使用方法

Scrollanim有许多内建的CSS3动画可供使用。你所需要做的就是data-kui-anim给你的元素添加属性。

<div data-kui-anim="fadeIn">
   用fadeIn动画显示。
</div>

高级模式

另外,可以使用JavaScript API添加动画。

kissuiScrollAnim.add(element, {
  'in': 'fadeIn',
  'out': 'fadeOut'
});

Scrolanim支持页面上某个元素的所有可用位置。另外,您可以使用复合事件名称(e.g. in center middle)

CSS3动画

Scrolanim有许多CSS3动画可供使用。没有JavaScript动画,性能更好。

完美适用于台式机和便携式设备。

相关插件-动画效果,滚动

css动画库Mimic.css

Mimic.css是一个css动画库,可以通过简单的调用,得到您想要的动画效果
  动画效果
 5372  47

HTML5 Canvas粒子效果文字动画特效(酷!)

HTML5 Canvas粒子效果文字动画特效
  动画效果
 64631  659

文字漂浮效果

点击按钮后,文字随机浮动,再次点击回到原位。
  动画效果
 15266  121

jQuery浮层跟随图片动画代码

jQuery浮层跟随图片动画代码
  动画效果
 11496  84

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复