html怎么做一张抖动的图片,如何用css3实现一个图片的抖动或者弹跳

.off{

-webkit-animation:1s seconddiv;

background: transparent;

}

@keyframes seconddiv{

0% {transform: scale(1.4,1.4);}

10% {transform: scale(1,1);}

25% {transform: scale(1.2,1.2);}

50% {transform: scale(1,1);}

70% {transform: scale(1.2,1.2);}

100% {transform: scale(1,1);}

}

先设置onmouseout(鼠标移出)的函数

οnmοuseοut="this.className=‘off‘"

设置off的函数，函数为css3动画的弹跳，或者抖动

再设置keyframes的函数动画

这样就可以不用js做出一个抖动的效果啦

原文：http://www.cnblogs.com/Masterlei/p/5736151.html