Magic CSS3 Animations by miniMAC

Magic CSS3 Animations by miniMAC


Magic CSS3 Animations by miniMAC

Building CSS3 Animation can be quite complicated if you aren't familiar with its concept. Luckily, there are libraries out there to make our lives much easier.

Introducing Magic CSS3 animations by miniMAC, adding CSS3 animation is simple. You just need to choose from a list of predefined animation transitions, and apply the right class with Javascript to the element. Magic CSS3 is came with staggering 55 types of different animations.

For example, if you want to add one of the cool animation to a hover event with jQuery, this is what you need to do:

$('.button').hover(
	function () {
		$(this).addClass('magictime puffOut')
	}	
);

More Details

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

3 comments

chuckzee
Tue, 22nd April 2014
There are some browser compatibility issues here, and a little bit of lag but that might be because of the MAGICAL ANIMATED SPACE BACKGROUND!!!!111one!!!11

cute gimmicks though Reply
Kevin Admin
Tue, 22nd April 2014
Haha, I hate that background too. Reply
VIctor
Sun, 27th April 2014
Great Tut i really thanks but same the background is really irritating Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement