試試這４個CSS動畫解決方案和資源

　　隨著移動裝置的大量使用和CSS3相容性在瀏覽器中的普及，越來越多的程式猿開始設計和使用基於CSS3的動畫效果解決方案，但是自己編寫基於CSS3的動畫效果也是一件比較讓人糾結的事情，為了快速的完成專案，大家也可以考慮使用一些現成的CSS3的動畫效果庫，今天這篇文章中，給大家介紹五款比較流行的CSS3類庫和資源，希望大家能夠喜歡~~

　Animate.css

　　animate.css是我經常在專案中使用的動畫效果類庫，包含了很豐富的動畫過渡效果，你可以在預覽中選擇自己喜歡的動畫效果來使用，如果你覺得類庫太大，可以將其中部分動畫程式碼儲存下來成為一個更好的動畫類庫包，整合到自己的專案中去，效果非常不錯，強烈推薦~

　Animate Plus

　　animate plus是一個CSS和SVG的動畫效果類庫，超輕量級並且高效能，非常適合手機端的動畫效果需求

　　這裡有一些非常不錯的實際例子：stripe.com

　　一些實用的例子：

• Line-drawing animation screencast
• Parallax icon
• SVG morphing button 1
• SVG morphing button 2
• 250 SVG circles (滑鼠懸浮元素)
• Bouncing circle of DOM elements (滑鼠懸浮元素)
• Bendy paths 基於SVG

　Hover.css

　　hover.css也是另外一款CSS3動畫類庫，非常類似animate.css，但是它更聚集於連結，按鈕，圖片和Logo的特效，如果大家對具體的動畫效果有興趣，可以在主站上預覽一些各種不同效果

　Easing functions cheatsheet

　　為了更好的實現CSS動畫，大家都需要了解基礎的easing功能（緩動效果），這個功能定義了動畫的時間線分佈邏輯，不同的動畫效果都可以使用這個easing功能來實現，它幫助定義了過渡效果等等，你可以在這個網站中直接嘗試不同的easing效果