Jason King Team : Web Development Tags : Web Development CSS User Experience

Bring your website to life!

Jason King Team : Web Development Tags : Web Development CSS User Experience

No one likes a boring website.   Luckily it’s now very easy to add cool CSS3 animations.   You might want to add an animation to bring the users attention to a particular part of the website for example a call to action or it could be just to bring your website to life.    Using animate.css, all you need to do is reference the stylesheet and add a few CSS classes to your element(s).   There are several different animations available including bounce, zoom, rotate, shake etc.

 

Animate.css

 

To enhance effects you can add a delay so that the animation is only fired once the user scrolls to the element.   This can be easily achieved using WOWjs.