将渐变图像转换为css属性

Question

我需要将此图像转换为css。我试图使用在线工具但没有成功。 有什么建议？

图像：

Answer 1

试试这个：

div {
    width: 600px;
    height: 170px;
    background: -webkit-radial-gradient(circle, #00517D, #004367);
    background: -moz-radial-gradient(circle, #00517D, #004367);
    background: -o-radial-gradient(circle, #00517D, #004367);
    background: radial-gradient(circle, #00517D, #004367);
}

<div></div>

Answer 2

http://gradientfinder.com/ - 图像渐变到css转换器在线

您对特定图片的CSS

background: -webkit-linear-gradient(339deg, rgb(5, 68, 99) 0%, rgb(5, 68, 99) 97%);
background: -o-linear-gradient(339deg, rgb(5, 68, 99) 0%, rgb(5, 68, 99) 97%);
background: -ms-linear-gradient(339deg, rgb(5, 68, 99) 0%, rgb(5, 68, 99) 97%);
background: -moz-linear-gradient(339deg, rgb(5, 68, 99) 0%, rgb(5, 68, 99) 97%);
background: linear-gradient(111deg, rgb(5, 68, 99) 0%, rgb(5, 68, 99) 97%);

Answer 3

我想你想把这张图片作为背景......也许吧？您可以尝试css gradient。

#gradient {
    background: -webkit-radial-gradient((rgb(25, 85, 124), rgb(19, 68, 99)); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient((rgb(25, 85, 124), rgb(19, 68, 99)); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient((rgb(25, 85, 124), rgb(19, 68, 99)); /* For Firefox 3.6 to 15 */
    background: radial-gradient((rgb(25, 85, 124), rgb(19, 68, 99)); /* Standard syntax (must be last) */
}

调整颜色值以适合您的图像