接上文：20個實用便捷的CSS3工具、庫及實例(上)

11. 彩色CSS3動畫導航

在我們早期的教程中，我們向你展示了如何創(chuàng)建一個使用動畫下拉菜單的多彩導航菜單。沒有使用特殊的圖像和JavaScript，完全由CSS組成。

12. 了解CSS濾鏡效果

如果你對CSS新提供的濾鏡，我們推薦你讀一下這篇教程。它列舉了一些很好的例子，另外還有很多關于瀏覽器支持及性能問題的信息。

13. CSS形狀101

這是我看過的關于CSS的最好的文章。它提出了CSS3形狀的概念，并展示了大量有用的例子。干的太好了！

14. 風格化CSS3進度條

在這個教程里，作者闡述了如何不使用復雜的腳本創(chuàng)建一個簡單的進度條。他們使用各種CSS 3技術(shù)來給進度條添加漸變、條紋、光澤和發(fā)光效果。最終效果看起來非常不錯而且易于應用。

最后，但不代表不重要的CSS庫，最近也開始顯山露水。

15. Animate.css

它能在 github.com 上非常受歡迎是有原因的！它完全基于CSS因此可以提高任何應用的性能。

16. Spinkit

Spinkit是一系列易于定制的加載指示器，滿足日常需求。

17. Buttons

就是如同它標題所說，沒別的，就是一系列按鈕。

18. On/Off FlipSwitch

一個超贊的小工具，供你定制不同狀態(tài)的按鈕，并直接導出CSS。另外還有切換主流操作系統(tǒng)風格的功能A。

19. Hint.css

不需要任何JavaScript的CSS庫，用于提示標簽。

20. Colors.css

Colors.css是為那些痛恨十六進制代碼的人準備的。它提供了一系列不錯的顏色選擇。

我們希望這些工具對你有所幫助，并能為你探索CSS設計的無限可能提供新的思路！

本文來源：優(yōu)設網(wǎng)