之前在一些网站发现了一个好玩的样式，就是鼠标移到网站LOGO上，logo会自动抖动起来，显得非常炫酷。我也是十分感兴趣。自从本站新添加了一个视觉设计的分类之后，我也是想起来有个抖动CSS样式CSS Shake，所以今天给小伙伴们分享一下，希望小伙伴们能够喜欢。

CSS Shake是一个使用CSS3实现的动画样式，使用SASS编写，利用它我们可以实现多种不同样式的抖动效果。比如自动抖动、鼠标悬停抖动、鼠标划过抖动。这个效果很好玩，可以用到logo、图标、按钮或者标题上面，显得很酷炫。废话不多说，直接上图：

如何在网页中调用呢？当然不是简简单单几个代码就能搞定，需要调用CSS Shake代码文件。

 /* 引入css shake的样式表，样式表可以下载到你的网站目录里调用哦 */

/* 添加抖动样式，一共9种，如下 */

另外还能通过 .freeze，.shake-constant & .hover-stop 来控制状态，自己百度一下哦。

最后，醉风云希望结识一些喜欢视觉设计的朋友，感兴趣的+洃少QQ哦！