×

功能最全的CSS渐变生成器

模拟Photoshop的CSS渐变编辑器

预设值
Name:
Stops
Opacity:
Location:%
Color:
Location:%
预览
Orientation:Size:xIE
CSS
background:-moz-linear-gradient();
background:-webkit-gradient();
background:-webkit-linear-gradient();
background:-o-linear-gradient();
background:-ms-linear-gradient();
background:linear-gradient();
filter:progid:DXImageTransform.Microsoft.gradient();
copy
色彩格式:

浏览器兼容性

IEEdgeFirefoxChromeSafariOperaiOS SafariAndroid BrowserChrome for Android
6-8
Partial support usingfiltersyntax
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 usingfiltersyntax
Full support usingSVG(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)

(?)

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright©2021 Web前端之家(www.jiangweishan.com)版权所有All Rights Reserved.
粤ICP备12067512号-1