径向渐变背景

时间:2014-05-02 17:30:26

标签: html css

我希望为我的网站提供体面但专业的吸引人的身体背景 它应该看起来像Twitter的背景:

Twitter gradient background

你能看到蓝色阴影背景吗?这正是我想做的 我没有很好的Web开发经验,而且我对它很陌生。请帮我创建这个背景。

2 个答案:

答案 0 :(得分:3)

您可以使用此生成器here

使用这些颜色的示例标记:

/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #A3CEF2 0%, #5D95CC 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #A3CEF2 0%, #5D95CC 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #A3CEF2 0%, #5D95CC 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #A3CEF2), color-stop(1, #5D95CC));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #A3CEF2 0%, #5D95CC 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #A3CEF2 0%, #5D95CC 100%);

答案 1 :(得分:1)

他们使用的CSS如下:

.mobile-callout {
 background: radial-gradient(circle, #94D2F8, #3A92C8) repeat scroll 0% 0% transparent;
}
.front-page {
 background-color: #292929;
}

所以我猜你要找的代码是:

'...': radial-gradient(circle, #94D2F8, #3A92C8) repeat scroll 0% 0% transparent;