php图片抖动,给网页添加图片抖动效果源码网站图片抖动怎么实现

今天发现在某个网站发现一个非常有意思的事情。就是把鼠标放在图片上面的时候图片会抖动。感觉非常有意思，去网上找了下资料，发现实现的方法非常有意思而且很简单。下面就说下怎么实现网页图片抖动的效果。

给ZBlog博客模版添加图片选中抖动效果

如何给网站图片添加抖动动态效果。把下面的CSS代码放在网站模版的CSS文件里面，一般是style.CSS，一般是所以网站都是通用的。

img:hover {

-webkit-animation:sucaijiayuan 1s .1s ease both;

-moz-animation:tada 1s .1s ease both;

}

@-webkit-keyframes sucaijiayuan {

0% {

-webkit-transform:scale(1)

}

10%, 20% {

-webkit-transform:scale(0.8) rotate(-2deg)

}

30%, 50%, 70%, 90% {

-webkit-transform:scale(1.1) rotate(2deg)

}

40%, 60%, 80% {

-webkit-transform:scale(1.1) rotate(-2deg)

}

100% {

-webkit-transform:scale(1) rotate(0)

}