Animate On Scroll

We have included an option to easily add animations to almost any element of your site content. These animations are triggered once elements enter the viewport of your browser as you scroll down the page adding life and energy to your site content. Great for adding focus to particular elements of your content which you wish to bring to the attention of your visitors.

Doing so is as simple as adding 2 class names to the element you wish to animate!

<div class="animate fadeIn">
   Animate this text!
</div>
animate fadeIn
animate fadeInUp
animate fadeInUpBig
animate fadeInDown
animate fadeInDownBig
animate fadeInLeft
animate fadeInLeftBig
animate fadeInRight
animate fadeInRightBig
animate flip
animate flipInX
animate flipInY
animate lightSpeedIn
animate rotateIn
animate rotateInDownLeft
animate rotateInDownRight
animate rotateInUpLeft
animate rotateInUpRight
animate slideInDown
animate slideInRight
animate slideInLeft
animate rollIn
animate bounce
animate flash
animate shake
animate swing
animate wobble

Disclaimer

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Ut non libero consectetur adipiscing elit magna. Fusce condimentum eleifend enim a feugiat.

Contact Details

Telephone: (44) 0161 338 3853
Email: info@wdnet.co.uk
Website: www.wdnet.co.uk

Unit 14, Pennant Street Ind. Est.
Oldham,
Lancashire,
OL1 3NP