搜索登录注册
×

热门关键词：Web前端|前端开发|HTML5|CSS3|jQuery|CSS3动画

功能最全的CSS渐变生成器

模拟Photoshop的CSS渐变编辑器

预设值
Name:
色相饱和度 逆转 导入 css导入图片
Stops
Opacity:
Location: %
Color:
Location: %
预览
Orientation: Size: x IE
CSS
switch to sass
background: -moz-linear-gradient(); /* FF3.6-15 */
background: -webkit-gradient(); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(); /* IE10 preview */
background: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */
filter: progid:DXImageTransform.Microsoft.gradient(); /* IE6-9 */
copy
色彩格式:

浏览器兼容性

IEEdgeFirefoxChromeSafariOperaiOS SafariAndroid BrowserChrome for Android
6 - 8
Partial support using filter syntax
Browser usage: 1.33%
4 - 9
Support using old -webkit- syntax
Browser usage: 0.06%
Select "Maximize compatibility" to support
4 - 5
Support using old -webkit- syntax
Browser usage: 0.1%
Select "Maximize compatibility" to support
3.2 - 4.3
Support using old -webkit- syntax
Browser usage: less than 0.1%
Select "Maximize compatibility" to support
2.1 - 3
Support using old -webkit- syntax
Browser usage: 0.06%
Select "Maximize compatibility" to support
9
Partial support using filter syntax
Full support using SVG (select "IE9 support")
Browser usage: 1%
3.6 - 15
Support using -moz- prefix
Browser usage: 0.25%
10 - 25
Support using -webkit- prefix
Browser usage: 0.36%
5.1 - 6
Support using -webkit- prefix
Browser usage: 0.2%
11.1 - 11.5
Support using -o- prefix
Browser usage: 0.01%
Select "Maximize compatibility" to support
5.1 - 6.1
Support using -webkit- prefix
Browser usage: 0.04%
4 - 4.3
Support using -webkit- prefix
Browser usage: 2.06%
10+
Full support (unprefixed)
12+
Full support (unprefixed)
16+
Full support (unprefixed)
26+
Full support (unprefixed)
6.1+
Full support (unprefixed)
12+
Full support (unprefixed)
7.1+
Full support (unprefixed)
4.4+
Full support (unprefixed)
46+
Full support (unprefixed)

(?)