Animation

A versatile CSS3 animation pack with over 190 animations for various usages. Trigger CSS3 animations as elements enter the viewport, as you hover with a mouse or by binding them via JavaScript functions/event listeners.

How to Add Animations?

  • Choose Animation type on scroll for entrance
  • Add the attribute Animation delay if you wish to put a delay (in ms) on the animation

The plugin will auto detect elements in view on page load, any other elements assigned with the animate-in class will be executed as they enter the viewport upon scrolling.

Animations executing on elements entering the viewport will not work if JavaScript is disabled. Animations are currently limited to devices with a viewport of 569px (wide) or higher.