Magic – CSS3 Animations With Special Effects

Advertisement

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
css3 animations
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;
}

Download    Demo