Slide Simple

A light CSS and JavaScript library for simple slide-in & fade-in transition animations.

Use these css classes to slide-in/fade-in elements when the page loads

ss-{right,left,top,bottom,center} (for normal speed)
ss-{right,left,top,bottom,center}-{slow,fast}
class="ss-top"

Speed

slow normal fast

Use these classes to slide-in/fade-in an element when it is scrolled on or is in view

ss-onscroll-{right,left,top,bottom,center} (for normal speed)
ss-onscroll-{right,left,top,bottom,center}-{slow,fast}
ss-onscroll-*
*-right-slow
*-right
*-right-fast
*-left-slow
*-left
*-lefft-fast
*-top-slow
*-top
*-top-fast
*-bottom-slow
*-bottom
*-bottom-fast
*-center-slow
*-center
*-center-fast