字号+
字号-
之前在一些网站发现了一个好玩的样式，就是鼠标移到网站LOGO上，logo会自动抖动起来，显得非常炫酷。我也是十分感兴趣。自从本站新添加了一个视觉设计的分类之后，我也是想起来有个抖动CSS样式CSS Shake，所以今天给小伙伴们分享一下，希望小伙伴们能够喜欢。
CSS Shake是一个使用CSS3实现的动画样式，使用SASS编写，利用它我们可以实现多种不同样式的抖动效果。比如自动抖动、鼠标悬停抖动、鼠标划过抖动。这个效果很好玩，可以用到logo、图标、按钮或者标题上面，显得很酷炫。废话不多说，直接上图：
如何在网页中调用呢？当然不是简简单单几个代码就能搞定，需要调用CSS Shake代码文件。
<link type="text/css" href="http://elrumordelaluz.github.io/csshake/css/csshake.min.css"> /* 引入css shake的样式表，样式表可以下载到你的网站目录里调用哦 */ <div class="shake"></div> /* 添加shake class样式 */ /* 添加抖动样式，一共9种，如下 */ <div class="shake shake-hard"></div> <div class="shake shake-slow"></div> <div class="shake shake-little"></div> <div class="shake shake-horizontal"></div> <div class="shake shake.vertical"></div> <div class="shake shake-rotate"></div> <div class="shake shake-opacity"></div> <div class="shake shake-crazy"></div>
另外还能通过 .freeze，.shake-constant & .hover-stop 来控制状态，自己百度一下哦。
最后，醉风云希望结识一些喜欢视觉设计的朋友，感兴趣的+洃少QQ哦！
文章出自：https://www.zuifengyun.com/css-dou-dong-yang-shi.html 版权所有，除注明外皆为原创。文章仅为作者个人观点，不代表醉风云立场。
顶下再看哈
有点意思 ，可以一试！
这个有意思！！
过来看看
效果很不错
这抖的略喜感啊
支持博主更新
效果很不错
效果还蛮不错的呀 动感
来看看博主。。。。。。。。。。。
好玩，我才刚开始解除
都得好骚包
@神父 好久没见你了