2015-01-05 97 views
-1

任何人都可以帮我写下面的图像(没有文字)渐变CSS?需要渐变的CSS以下图像

这是图像:

enter image description here

+0

上传的图片在这里你会得到CSS http://www.colorzilla.com/gradient-editor/ –

回答

5

你可以使用radial-gradient

body, html { 
 
    width: 100%; 
 
    height: 100%; 
 
    margin: 0; 
 
    background: -webkit-radial-gradient(center, ellipse, #2D84A7 5%, #0D354E); 
 
    background: -moz-radial-gradient(center, ellipse, #2D84A7 5%, #0D354E); 
 
    background: radial-gradient(center, ellipse, #2D84A7 5%, #0D354E); 
 
}

+0

我想添加[这个非常有用的链接](http://www.colorzilla.com/gradient-editor/)。就这些 :) – jbutler483

2

运动时间

html, body { 
 
    height: 100%; 
 
} 
 
body { 
 
    margin: 0; 
 
    background: -moz-radial-gradient(circle, rgb(49, 139, 176), rgb(14, 70, 93)); 
 
    background: -webkit-radial-gradient(circle, rgb(49, 139, 176), rgb(14, 70, 93)); 
 
    background: radial-gradient(circle, rgb(49, 139, 176), rgb(14, 70, 93)); 
 
}