CSS3 引入圓角、旋轉、陰影、漸變、動畫等強大特性，讓許多過去需 JS 實現的效果幾行代碼即可搞定。推薦 10 款線上生成工具，助你高產出時尚效果：

1. CSS3 Maker：功能最全，漸變/陰影/旋轉/動畫即時預覽生成代碼。
2. Border Radius：專攻圓角，四角輸入值即時出效果與代碼。
3. CSS3 Generator：支援圓角、漸變、旋轉、陰影等多特性，帶預覽。
4. CSS3 Please：即時編輯代碼預覽，附詳細瀏覽器相容表。
5. CSS3 Generator (另一款)：高度可定製，邊框圓角/陰影/背景漸變/透明度全覆蓋。
6. Layer Styles：PS 風格介面，直觀生成豐富 CSS3 效果。
7. CSSWarp：文字旋轉效果生成，應用 CSS3 旋轉特性。
8. CSS3 drop shadow：專精陰影效果代碼，參數全可調。
9. Gradient Editor (ColorZilla)：PS 級漸變編輯器，功能極強。
10. CSS3 Tool：壓軸推薦，背景漸變/陰影/旋轉/圓角一站式搞定。

文章來源：夢想天空