[15+] CSS Powered Animations On Scroll | scrollCue.js

scrollCue.js is a JavaScript extension that works without jQuery. This JS library that applies over 15+ CSS3 animations is backed by the elements to reveal as you scroll down the page.

It works on modern browsers like Chrome, Firefox, Safari, Edge, and IE11.

How to make use of it:

1. Add the stylesheet scrollCue.css and JavaScript scrollCue.min.js to the online page.

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

2. Initialize the library and also you’re able to go.

scrollCue.init();

3. Apply a scroll-triggered animation to your component utilizing the data-cue attribute:

// Add Images Here
...

4. Config the library throughout init.

scrollCue.init({

  // duration
  duration : 600,

  // interval
  interval : -0.7,

  // scroll position to trigger the animation
  percentage : 0.75 
  
});

5. Update the library in circumstances the place new objects have been added to the web page.

scrollCue.update();

6. Enable/disable the scrollCue library.

scrollCue.enable(true/false);

Reveal Elements With 15+ CSS Powered Animations On Scroll, scrollCue.js Plugin/Github, trigger css animation on scroll without javascript


See Demo And Download

Official Website(prjct-samwest): Click Here

This superior jQuery/javascript plugin is developed by prjct-samwest. For extra Advanced Usage, please go to the official website.

Share