如何用css3实现一个图片的抖动或者弹跳

标签：

<li onmouseout="this.className=‘off‘"><a href=""><img src="../活力广州_files/admin.png" ></a></li>

.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（鼠标移出）的函数

onmouseout="this.className=‘off‘"

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

再设置keyframes的函数动画

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

如何用css3实现一个图片的抖动或者弹跳

标签：

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