CSS3 brings really beautiful new features and playing with these features you can get amazing effects for your web projects.
So today we found a set of CSS3 animations inspired by animation.css
Magic is a cool cross browser animations to use in your design projects.Magic is now on beta but more effects will be coming soon.
The usage is simple.Just include the CSS style: magic.css or include the mynified version: magic.min.css
Example:
<link rel="stylesheet" href="yourpath/magic.css">
Default CSS timing is:
.magictime {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
You can change the time of the animation by set the class “magictime” for example:
.magictime {
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
-o-animation-duration: 3s;
animation-duration: 3s;
}
