2015-01-05 63 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)); 
 
}