Animate On Scroll Library

Animation Tester

Select the animation properties, click the APPLY SETTINGS button and then scroll down to see the effect on a panel below.

Animation
fade fade-up fade-down fade-left fade-right fade-up-right fade-up-left fade-down-right fade-down-left flip-up flip-down flip-left flip-right slide-up slide-down slide-left slide-right zoom-in zoom-in-up zoom-in-down zoom-in-left zoom-in-right zoom-out zoom-out-up zoom-out-down zoom-out-left zoom-out-right

Anchor (element - page)
top-bottom top-center top-top center-bottom (default) center-center center-top bottom-bottom bottom-center bottom-top

Easing
ease (default) linear ease-in ease-out ease-in-out ease-in-back ease-out-back ease-in-out-back ease-in-sine ease-out-sine ease-in-out-sine ease-in-quad ease-out-quad ease-in-out-quad ease-in-cubic ease-out-cubic ease-in-out-cubic ease-in-quart ease-out-quart ease-in-out-quart

Offset
120 (default) 200 300 400 500

Delay
0 (default) 50 100 250 500 750 1000 1500 2000 2500 3000

Duration
200 400 (default) 600 800 1000 1500 2000 2500 3000

Mirror
false (default) true

Once
false (default) true

Apply SettingsReset

---