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

Animate.css

目前是前端小號最常用的動畫庫之一，一個跨瀏覽器的CSS動畫庫。使用起來非常簡單。

查看地址：https://daneden.github.io/animate.css/

CSS Animation

為開發者和酷愛技巧的人準備的CSS動畫庫。

查看地址：https://cssanimation.io/

Hover.css

一款基於CSS3的hover效果集合，應用於鏈接、按鈕、logo、SVG等方向。

查看地址：http://ianlunn.github.io/Hover/

CSShake

讓你的DOM元素抖起來的動畫庫。

查看地址：https://elrumordelaluz.github.io/csshake/

Animate Plus

Animate Plus是一款適用於現代瀏覽器的CSS和SVG動畫庫。特點是高性能和輕量級（gzip壓縮後體積只有2.8KB），特別適用於移動端。

查看地址：http://animateplus.com/demos/bloom/

AniJS

不需要碼代碼就可以提升Web設計的一款動畫庫。

查看地址：http://anijs.github.io/

Bounce.js

Bounce.js是一個工具類型的js庫，用來創建漂亮的CSS3 keyframe動畫。

查看地址：http://bouncejs.com/

anime.js

Anime是一個輕量級JavaScript動畫庫。它作用與任何css屬性，css的transforms，SVG以及DOM屬性和JavaScript對象。

查看地址：http://animejs.com/

Effeckt.css

一款高性能的CSS動畫效果庫。有非常豐富的實例。

查看地址：http://h5bp.github.io/Effeckt.css/

Magic CSS

一款具有特別效果的CSS3魔法動畫庫。

查看地址：https://minimamente.com/example/magic_animations/

Repaintless.css

Repaintless.css在一個輕量級動畫庫中，只包含了那些即使你不正確使用時也不會導致頁面重繪的動畫。

查看地址：http://szynszyliszys.github.io/repaintless/

Tuesday.css

一款非常古怪的動畫效果庫。

查看地址：http://shakrmedia.github.io/tuesday/

看了這麼多CSS動畫庫，有沒有一款是你正在用或者有興趣使用的呢？如果還沒有看夠，請關注前端小號頭條號。下一章繼續為你推薦更多更過癮的CSS動畫庫。