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

theawesomeshadow is a jQuery plugin which applies highly configurable shadow animations to card-style layout interface on vertical page scrolling.

scrolling scroll-effect

Documentation

jquery.theawesomeshadow

jQuery plugin for shadow scroll animation

For example look at index.html https://binoalien.github.io/jquery.theawesomeshadow/

Set Options

var options = {         minshadow: 5,                   // Min Shadow         maxshadow: 45,                  // Max Shadow         zoom: 1.019,                    // Scale/Zoom         tweak: -300,                    // Tweak (When animation starts and stops)         shadowcolor: 'rgba(0,0,0,0.4)', // Shadow Color         shadowLeftRight: 0,             // Shadow Horizontal Length         shadowTopBottom: 2              // Shadow Vertical Length     };

Init jquery.theawesomeshadow

$('.card').theAwesomeShadow(options);

Use NPM

npm install jquery.theawesomeshadow --save-dev

https://www.graustich.com


You May Also Like