Table of Contents
Animate.css by Dan Eden is a free and cross-browser CSS animation library that comes up with more than 50 animation effects such as flash, bounce, flip, fade, wobble, swing, roll in, light Speed In, light speed Out, roll in, roll out and many more. You can use these effects on any elements of your website to make it more interesting and attractive.
Using animate.css is easy, just add animate.css stylesheet in your project along with jQuery and you are ready to mingle with cool animation effects on various events including mouse click, mouse hover or automatically when your webpage gets loaded. Animate.css has a custom build option that allows you to download only those effects which you are going to use in your project instead of whole code.
Animatable developed by Lea Verou is a free CSS3 animation library that animates the property with just two values, here is how the code looks like- data-property=”border-radius” data-from=”0″ data-to=”50%”. Isn’t it awesome and simple? See all the possible animations demos over here and download Animatable over here.
Move.js also supports easing functions including ease in, ease out, ease in out, snap, linear and many more. Get your free copy of Move.js along with samples over here.
Have a look at some examples and download JStween over here.
TweenJS zip file comes up with the library along with few samples that helps you create your own animation in minutes, check it out here.
Get some examples and download Firmin library over here.
Download this script on github along with examples over here.