一個強大的像 Photoshop 那樣的 CSS 漸變編輯器
| IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Android瀏覽器 | Android的Chrome |
|---|---|---|---|---|---|---|---|---|
| 6 - 8
使用filter語法的部分支持
瀏覽器使用：0.03%
|
4 - 9
使用舊的-webkit-語法支持
瀏覽器使用：0% 選擇"最大化兼容性"以支持 |
4 - 5
使用舊的-webkit-語法支持
瀏覽器使用：0.01% 選擇"最大化兼容性"以支持 |
3.2 - 4.3
使用舊的-webkit-語法支持
瀏覽器使用：0% 選擇"最大化兼容性"以支持 |
2.1 - 3
使用舊的-webkit-語法支持
瀏覽器使用：0.01% 選擇"最大化兼容性"以支持 |
||||
| 9
使用filter語法的部分支持
使用SVG的全面支持（選擇"IE9支持"） 瀏覽器使用：0.05% 選擇"最大化兼容性"以支持 |
3.6 - 15
使用-moz-前綴支持
瀏覽器使用：0.01% 選擇"最大化兼容性"以支持 |
10 - 25
使用-webkit-前綴支持
瀏覽器使用：0% 選擇"最大化兼容性"以支持 |
5.1 - 6
使用-webkit-前綴支持
瀏覽器使用：0.01% 選擇"最大化兼容性"以支持 |
11.1 - 11.5
使用-o-前綴支持
瀏覽器使用：0% 選擇"最大化兼容性"以支持 |
5.1 - 6.1
使用-webkit-前綴支持
瀏覽器使用：0% 選擇"最大化兼容性"以支持 |
4 - 4.3
使用-webkit-前綴支持
瀏覽器使用：0.09% 選擇"最大化兼容性"以支持 |
||
| 10+
全面支持（無前綴）
|
12+
全面支持（無前綴）
|
16+
全面支持（無前綴）
|
26+
全面支持（無前綴）
|
6.1+
全面支持（無前綴）
|
12+
全面支持（無前綴）
|
7.1+
全面支持（無前綴）
|
4.4+
全面支持（無前綴）
|
46+
全面支持（無前綴）
|
(?)
鏈接到CSS漸變文檔： W3C, Firefox, Safari, Chrome (Webkit), Internet Explorer, Opera [2].
終極 CSS 漸變編輯器是由 Alex Sirota 創建的。如果你喜歡這個工具，請查看 ColorZilla 以獲得更多進階工具，如滴管、色彩選擇器、調色盤編輯器和網站分析器。
如你所知，HTML5 為網頁開發者引入了許多令人興奮的功能。其中一個功能是能夠使用純 CSS3 指定漸變，無需創建任何圖像並將它們用作漸變效果的重複背景。
重要： 你需要使用最新版本的 Firefox、Chrome、Safari、Opera 或 IE 才能使用此漸變生成器。產生的 CSS 漸變是跨瀏覽器的 - 它們將在這些瀏覽器中工作，並且也將在舊版本的 Internet Explorer 中回退到更簡單的漸變。
主要的漸變控制允許你：
Internet Explorer 的後備漸變在 IE 中將如何看起來
你也可以使用此面板將一個現有的漸變 CSS 導入到工具中
'Ultimate Web 2.0 Gradients' 漸變預設是從 deziner folio 和 SGlider12 的工作中衍生出來的
色彩選擇器是對 John Dyer's Color Picker 的輕微調整
Base-64 編碼器函數是來自 webtoolkit
一些圖標是由 Yusuke Kamiyamane 製作的