今天我們來看一下頂級的CSS動畫庫，幫助你創建驚人的動畫。動畫給頁面帶來生命力，有意義的動畫將UX提升到一個新的水平。CSS動畫使得你網站上元素不在是呆板無趣，並且不用藉助任何JavaScript腳本。由於它是純的CSS，所以很容易掌握。CSS3動畫有一些新的語法，一旦你習慣了，你會發現動畫其實很簡單。

CSS動畫庫可以在你網站元素上添加預先設定好的樣式來實現動畫。在這篇文章中，您可以看到不同的CSS動畫庫列表，它們在不同的場景下是有幫助的。

今天我們接著上次的繼續推薦：

Dynamic.css

Dynamic.css是一款跨瀏覽器的CSS動畫庫，可以用於任何項目。

查看地址：http://ustymukhman.github.io/Dynamic.css/

Obnoxious.CSS

Animations for the strong of heart, and weak of mind.

查看地址：http://tholman.com/obnoxious/

VHS.css

一個使用簡單的小動畫庫。

查看地址：http://jxnblk.com/vhs/

ReboundGen

Facebook出品的Rebound.js生成關鍵幀動畫-一個彈性效果動畫的模擬器。

查看地址：http://dwarcher.github.io/reboundgen/examples/

Motion CSS

Motion CSS是一款針對WEB項目的動畫庫。它的使用很簡單。你所需的只是引入CSS文件，並添加一個class就可以將元素動起來。
查看地址：http://pavlyukpetr.com/awesome/

WickedCSS

一款CSS3動畫庫。

查看地址：http://kristofferandreasen.github.io/wickedCSS/

DynCSS

DynCSS是一個特殊的動畫庫，可以讓你的網站中使用視差效果。

查看地址：http://www.vittoriozaccaria.net/dyn-css/

tScroll

一款通過滾動屏幕，來觸發各種動效的庫。

查看地址：http://t-scroll.com/

CSS3 Storyline Animation

一款用來創建敘述故事模式的CSS3動畫庫。使用了jQuery插件。

查看地址：http://hasinhayder.github.io/CSS3-Storyline-Animation/

Firmin

一款基於CSS3動畫的JavaScript動畫庫。

查看地址：http://extralogical.net/projects/firmin/

Velocity.js

最後一個壓箱底的動畫庫，雖然不是純粹的CSS3動畫庫，但是結合JavaScript，它能做的就更多了。通過它加上你無限的想象，相信會產出無數經典的UX。

查看地址：http://velocityjs.org/

如果還沒有看夠，請關注前端小號頭條號。謝謝支持！