Javascript

Magic CSS3 Animations by miniMAC

Written by Kevin Liew on 22 Apr 2014
23,501 Views • Shares
3 comments

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')
	}	
);

SPECIFICATIONS & DOWNLOAD

Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

3 comments
chuckzee 2 years ago
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 2 years ago
Haha, I hate that background too.
Reply
VIctor 2 years ago
Great Tut i really thanks but same the background is really irritating
Reply