CSS Shake是一個使用CSS3實現的動畫樣式，使用SASS編寫，利用它我們可以實現多種不同樣式的抖動效果（如下面的GIF圖像）：
炫酷的CSS3抖動樣式:CSS Shake
這是一個很微小的動畫，但使用得當也是挺不錯的，比如用在廣告、圖像、按鈕上，這樣可以用來吸引用戶眼球從而促使去點擊它。
這個Csshake有9個抖動樣式，三個狀態，如鼠標經過拉動、無限抖動、鼠標懸停拉動。
CSS Shake 使用方法：
首先引入css shake的樣式表文件。
css3按鈕：http://www.huiyi8.com/css3/anniu/
給你的DOM元素添加shake class樣式。抖動樣式，一共9種，可以看Demo的效果對應添加你想要的css。
另外我還能通過 .freeze, .shake-constant & .hover-stop 來控制狀態，大家可以試試看效果！
附注：Sass是一款前端CSS框架，它擴展了CSS3，增加了規則、變量、混入、選擇器、繼承等等特性。SASS是一種CSS的開發工具，生成良好格式化的CSS代碼，並且還提供了許多便利的寫法，大大節省了設計者的時間，使得CSS的開發，變得簡單和可維護。SASS是Ruby語言寫的，但是兩者的語法沒有關系。不懂Ruby，照樣使用。只是必須先安裝Ruby，然后再安裝SASS。
demo請看：http://elrumordelaluz.github.io/csshake/
1. [圖片] css-shake-demo.gif
2. [代碼]首先引入css shake的樣式表文件。
<link type="text/css" href="csshake.css">
3. [代碼]抖動樣式
<div class="shake"></div>
<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>