令程式設計師驚歎的一些CSS3效果庫

最新的CSS3都配備了新的特性，來設計建立動畫和互動的網頁。在本文中，可以找到一些非常優秀的CSS3效果庫，來讓你的Web設計看起來更加引人注目。還在等什麼？讓我們一起看起來吧！

Animate.css

Animate.css是一大堆的很酷，很有趣，而且很炫又能跨瀏覽器的動畫效果樣式集錦，你可以直接使用到專案中。

DynCSS

DynCSS將你的CSS解析成-dyn-(attribute)規則。這些規則是模擬瀏覽器事件(如滾動和縮放)的javascript表示式，其結果會應用到CSS屬性上。

Effeckt.css

Effeckt.css是一個集合了眾多新鮮而又實用的CSS/jQuery動畫效果，這些都適用於網站或是移動APP的網頁。比如一些AJAX彈出框動畫、選單動畫、圖片標題展示等等。同時這些特效動畫還能進一步提升網站的使用者體驗，簡單而且實用。

Animatable

Animatable用於建立CSS3動畫，其建立的動畫可以在任何平臺或裝置（包括Android、BlackBerry、iOS 和WebOS等）中的現代瀏覽器上執行。即便不熟悉CSS，它也能幫助你建立多場景的CSS3動畫。

Hover

Hover是一套基於CSS3的滑鼠懸停效果和動畫，這些效果和動畫可以非常輕鬆的被應用到按鈕、LOGO以及圖片等元素中。所有這些效果都是隻需要單一的標籤，必要的時候使用before 和after偽元素。因為使用了CSS3 過渡、轉換和動畫效果，因此它只支援Chrome、Firefox 和Safari 等現代瀏覽器。

Bounce.js

Bounce.js是一個用於製作漂亮CSS3關鍵幀動畫的JavaScript庫。只需新增一個元件，選擇預設，然後你就可以得到一個短網址或者匯出為CSS程式碼。

Magic Animations

Magic Animations是CSS3動畫的包，伴有特殊的效果，使用者可以自由的在web 專案中使用。

Kitecss

Kitecss是一個靈活的CSS 助手庫，能幫助程式設計師實現各種頁面佈局。

Buttons

Buttons是一個簡單的框架，用來生成網頁上漂亮的按鈕。

Css Loaders

Odometer

Odometer是JavaScript、CSS庫，用來建立類似於"汽車行程裡數顯示、航班資訊板"的特效使用者介面。

Csshake

Csshake是一個使用CSS3實現的動畫樣式，使用SASS編寫，利用它我們可以實現多種不同樣式的抖動效果（如下面的GIF影像）。