css - 是否可以使用 css2 生成渐变？

Question

是否可以使用 css2 生成渐变？

注意：- 没有背景图片

Answer 1

不，仅在 CSS3 中使用纯 CSS，但您可能会发现这很有用：http:
//www.colorzilla.com/gradient-editor/

它生成与许多不同浏览器兼容的渐变。您只需将生成的 CSS 粘贴到工作表中即可。这样您就不需要在背景上加载图像。

Answer 2

不，但这是最好的跨浏览器方法：

background-color: #ccc; // If gradients are not supported by browser

background-image:         linear-gradient( bottom, #ccc 0%, #ddd 100% );
background-image:      -o-linear-gradient( bottom, #ccc 0%, #ddd 100% );
background-image:    -moz-linear-gradient( bottom, #ccc 0%, #ddd 100% );
background-image: -webkit-linear-gradient( bottom, #ccc 0%, #ddd 100% );
background-image:     -ms-linear-gradient( bottom, #ccc 0%, #ddd 100% );
background-image:        -webkit-gradient( linear, left bottom, left top, color-stop(0, #ccc), color-stop(1, #ddd) );