Home > Animation > kissui.scrollanim – JavaScript library For CSS3 Scroll Animations
kissui.scrollanim - JavaScript library For CSS3 Scroll Animations

kissui.scrollanim – JavaScript library For CSS3 Scroll Animations

kissui.scrollanim is a dependence free JavaScript library that allows you to add 75+ CSS3 great animations effects in element browser window when scrolling.

Scrollanim

Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere.

Easy to use

Scrollanim has many builtin CSS3 animations to use. All you need to do is to add data-kui-anim attribute to your elements.

<div data-kui-anim="fadeIn">
  Show this with a fadeIn animation.
</div>

Cool, isn’t it?

Advanced mode

Also, this is possible to add the animations using the JavaScript API.

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

Scrolanim supports all available positions for an element on the page. Also, you can use a compound event name (e.g. in center middle)

CSS3 Animations

Scrolanim has many CSS3 animations to use. No JavaScript animations, better performance.

Works on desktop and portable devices perfectly.

  Website Demo

About admin