🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

scrollToClip is a function to clip two elements on scroll to give a reveal effect.

Image Effects Plugins

Documentation

Live demo

scrollToClip

A function to clip two elements on scroll to give a reveal effect

Compatability

Chrome Firefox IE Opera MOBILE
✔ ✔ x ✔ ✔

Usage

HTML

<img class="scrollToClip" src="[image_color1]"/> <img class="scrollToClip reverse" src="[image_color2]"/>

CSS

.scrollToClip{   position: fixed;   z-index: 10;   /*positioning*/ }  .scrollToClip.reverse{   z-index: 9; }

Javascript

//elem1(object) : The element that will display before being clipped. //elem2(object) : The element that will display after being clipped. //background(object) : The element that will serve as a basis for the clipping. scrollToClip(elem1,elem2,background);

You May Also Like