Effeckt.css專案：CSS互動動畫應用集錦

　　目前，網上有大量基於CSS轉換的實驗和示例，但它們都過於分散，而Effeckt.css的目標就是把所有基於CSS/jQuery動畫的應用集中起來，例如：彈窗、按鈕、導航、列表、頁面切換等等。

　　Effeckt.css是一個集合了眾多新鮮而又實用的CSS/jQuery動畫效果應用，既適用於網站也適用於手機Web開發，例如：彈窗、按鈕、導航、列表、頁面切換等等，這些特效動畫都能給你的網站提升一定使用者體驗，而且簡單實用。

　　Demo頁：http://h5bp.github.io/Effeckt.css/dist/

　　專案初衷

　　為移動Web網站開發和設計UI並不是件容易的事情，尤其是在60fps下傳輸和執行。最理想的做法就是基於手機/平板電腦的CSS過渡和關鍵幀動畫來進行jank-free轉換，特別是利用硬體和透明度的變化來加速轉換。

　　目前，網上有大量基於CSS轉換的實驗和示例，但它們都過於分散，而Effeckt.css的目標就是把所有基於CSS/jQuery動畫的應用集中起來。

　　具體應用：

• tympanus.net/Development/ModalWindowEffects/
• tympanus.net/Development/PageTransitions/
• tympanus.net/Development/PFold/index2.html
• leaverou.github.io/animatable/
• lab.hakim.se/ladda/
• lab.hakim.se/kontext/
• lab.hakim.se/avgrund/
• lab.hakim.se/meny/

　　專案目標：

• UI較少，只專注於轉換/動畫；
• 具有優雅、合理的動態效果；
• 建立瀏覽器支援指南；
• CSS效能迴歸測試；
• 針對目標瀏覽器/裝置提供jank-free 60fps；
• 如果某個功能不能達到效能目標，可以排除這個功能；
• 有如何避免影響到其它樣式元素指南（避免expensive CSS）
• 提供一個builder，使用者可以根據他們的需要來推送CSS
• 移動裝置上是沒有懸浮效果的，所以任何基於懸浮特效的都將被排除在外或者是有一個點選的動作特效。

　　關於Effeckt.css的更多詳情，可以訪問：https://github.com/h5bp/Effeckt.css

　　問題諮詢與反饋：http://github.com/h5bp/Effeckt.css/issues

　　國內映象地址：https://code.csdn.net/OS_Mirror/Effeckt.css