主页 工具 站长工具 渐变生成器CSS

渐变生成器CSS

模拟Photoshop的CSS渐变编辑器

预设值
Name:
Stops
Opacity:
Location: %
Color:
Location: %
预览
Orientation: Size: x IE
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
色彩格式:

浏览器兼容性

IE Edge Firefox Chrome Safari Opera iOS Safari Android Browser Chrome 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)

( ? )

#成器 #开发站长 #渐变 #CSS
点赞 (73)

发表评论