给网站图片添加抖动效果



其实就是一个CSS效果,在鼠标放到图片上的时候,图片会抖动。效果如下所示。

1.gif

我的本来添加了,然后又去除了。。。

首先要找到修改代码的地方,在你的模板处,或主要CSS放置处。

EMLOG模板位置在  /WEB/content/templates/你的模板名/  


找到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)
}



赞赏
X
赞赏方式:
  • 支付宝
  • 微信

打开支付宝扫一扫
标签: PHP CSS

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.vxia.net/post-480.html

相关推荐

你肿么看?

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。