對于Web設(shè)計和開發(fā)人員來說，CSS是非常重要的一部分，隨著越來越多的瀏覽器對CSS3的支持及不斷完善，設(shè)計師和開發(fā)者們有了更多的選擇。如今，用純CSS就可以實現(xiàn)各種各樣很酷的效果，甚至是動畫。今天這篇文章向大家推薦23款非常優(yōu)秀的CSS3工具，為了獲得更佳的效果，請在Chrome 4+, Safari 4+, Firefox 3.6+, IE9+, Opera 10.5+版本瀏覽器中瀏覽如下資源和工具。

1.CSS3 Pie

使用CSS3 Pie可以讓IE6至IE8版本實現(xiàn)大多數(shù)的CSS3修飾特性，如圓角、陰影、漸變等等。

下載地址：http://css3pie.com/

2. CSS3 Click Chart

非常好的CSS3效果演示，提供了示例代碼。

下載地址：http://www.impressivewebs.com/css3-click-chart/

3.CSS3 Please!

非常帥的一款CSS3工具，可修改代碼，即時預(yù)覽。

下載地址：http://css3please.com/

4.CSS3 Button Maker

一個非常不錯的CSS3按鈕制作工具。

下載地址：http://css-tricks.com/css3-button-maker/

5.CSS3 Generator

非常不錯的CSS3代碼生成器，帶預(yù)覽效果。

下載地址：http://css3generator.com/

6.CSS3 Menu

非常不錯的CSS3菜單制作工具。

下載地址：http://css3menu.com/index.html

#p#

7.CSS3 Gradients

一款非常棒的CSS3漸變效果演示工具。

下載地址：http://gradients.glrzad.com/

8.CSS3 Cheat Sheet

一份不錯的CSS3屬性速查手冊(PDF格式)。

下載地址：http://www.smashingmagazine.com/2009/07/13/css-3-cheat-sheet-pdf/

9.CSS3 Selector Test

非常不錯的CSS3選擇器測試工具

下載地址：http://tools.css3.info/selectors-test/test.html

10.CSS3 Transforms

一款強(qiáng)大的CSS3旋轉(zhuǎn)動畫效果演示工具，即時生成代碼。

下載地址：http://westciv.com/tools/transforms/index.html

11.CSS3 Preview

CSS3特性介紹及效果預(yù)覽。

下載地址：http://www.css3.info/preview/

12.CSS3 Generator

一款非常不錯的CSS3代碼生成工具。

下載地址：http://www.widgetpad.com/694/

#p#

13.CSS3 Color Names

CSS3顏色命名對照表。

下載地址：http://www.codenique.com/web_color/css3_color_names.php

14.Toggle CSS3 Bookmarklet

CSS3書簽工具。

下載地址：http://intridea.com/2010/4/12/toggle-css3-bookmarklet

 15.CSS3 Maker

下載地址 ：http://www.css3maker.com/

******的這款工具非常強(qiáng)大，可在線演示漸變、陰影、旋轉(zhuǎn)、動畫等非常多的效果，并生成對應(yīng)效果的代碼，趕緊體驗一下吧!
 

16.CSS3 Border Radius

一款在線CSS3圓角工具，四個角輸入值就能生成對應(yīng)的效果和代碼。

下載地址：http://border-radius.com/

17.Web Browser CSS Support

非常詳盡的瀏覽器對CSS支持情況，包括CSS2.1和CSS3。

下載地址：http://www.webdevout.net/browser-support-css

18.Key CSS

讓元素以鍵盤風(fēng)格顯示的樣式表。

下載地址：http://michaelhue.com/keyscss/

#p#

19.CSS3 Playground

一款在線CSS3圓角和陰影效果演示及代碼生成工具。

下載地址：http://css3.mikeplate.com/

20.CSS3 Wrapping Drop Shadows

CSS3包裝陰影效果。

下載地址：http://nimbupani.com/demo/css3-drop-shadows.html

21.CSS3 Carve Me

模仿內(nèi)陰影效果，可輸入內(nèi)容查看效果，中文也可以噢。

[[19809]]

下載地址：http://lab.simurai.com/css/carveme/

22.Mother Effing Text Shadows

這工具名字太奇怪了，一款文本陰影效果工具，可即時生成代碼。

下載地址：http://mothereffingtextshadow.com/

23.CSS3 Learning Tool

在線CSS3學(xué)習(xí)工具，可即時預(yù)覽效果。

下載地址：http://leaverou.me/scripts/css3learn.html 

原文鏈接：http://www.cnblogs.com/lhb25/archive/2011/03/09/1964344.html

【編輯推薦】

1. 27 款經(jīng)典的CSS框架 附下載
2. 20個HTML 5和CSS3的免費(fèi)網(wǎng)站模板與教程
3. 4款Windows下的免費(fèi)HTML&CSS編輯器
4. CSS模塊化編碼 讓開發(fā)事半功倍