Magic CSS3 ? 创建各种神奇的交互动画效果_html/css_WEB-ITnose

<link rel="stylesheet" href="yourpath/magic.css">

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

setTimeout(function(){    $('.yourdiv').addClass('magictime puffIn');}, 5000);

setInterval(function(){     $('.yourdiv').toggleClass('magictime puffIn');}, 3000 );

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

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