Reveal Elements With CSS3 Animations When Scrolling - jQuery Revealer

File Size: 41.5 KB
Views Total: 1331
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Reveal Elements With CSS3 Animations When Scrolling - jQuery Revealer

The jQuery Revealer plugin uses Animate.css to animate DOM elements within the document when they become visible on scroll.

How it works:

The plugin detects when elements are scrolled into the viewport and add classes so you can animate with CSS3 animations.

How to use it:

1. Install & download the jQuery Revealer plugin via NPM.

$ npm install jquery-revealer --save

2. Import the plugin into the document.

<script src="" 
<script src="dist/jquery.revealer.min.js"></script>

3. Call the function on the target element.


4. Customize the animation, duration, delay, offset, and iteration with the following data attributes:

<div id="el" 
     Element To Animate

5. To enable the scroll animation on mobile devices, set the mobile parameter to True.

  mobile: true

This awesome jQuery plugin is developed by bissolli. For more Advanced Usages, please check the demo page or visit the official website.