Magic-Effects

Magic Time CSS3 Animation

DEMO DOWNLOAD HOW TO USE

HTML

<link rel="stylesheet" href="yourpath/magic.css">
<div id="timing" class=""></div>

CSS

.magictime {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}

JS


$('#timing').hover(function () {
$(this).addClass('magictime puffIn');
});