css简单实现图片logo抖动摇晃效果
效果可以看本站首页logo抖动效果
今天终于有点时间,一直说发一个logo的抖动效果的教程一直没发,
现在就发一个简单的用纯css实现logo图片摇晃抖动效果,效果需要鼠标放上去才会抖动的,当然,如果需要一直抖动或者鼠标经过时静止的效果也是可以的,
下面就写一下鼠标经过图片logo摇晃抖动的方法,如需其他效果请联系站长QQ
第一步:首先,我们找到logo或者其他图片的代码,
在代码的前面添加代码<div class="wuiooxo wuiooxo-opacity">
第二步:在div结束代码后面加上</div>
最后一步:
引用css样式,css添加到你网站模版下css文件中,一般是style.css,css代码如下:
此处内容已隐藏,评论后刷新即可查看!
写文章很辛苦的,希望大家多多转载并加上原文地址,谢谢各位。