繁体   English   中英

径向渐变背景

[英]Radial gradient background

我想为我的网站制作一个像样但专业的诱人身体背景。
它看起来应该像Twitter的背景:

Twitter渐变背景

您能看到蓝色阴影的背景吗? 那正是我想做的。
我在网络开发方面没有很好的经验,而且我还很陌生。 请帮助我创建此背景。

您可以在这里使用此生成器

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

/* 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%);

它们使用的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;

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM