CSS径向渐变？

Question

4

我用Photoshop制作了一个简单的头部，类似于这样：http://i.imgur.com/U4GYzFV.png

我在研究CSS中径向渐变的使用方法，虽然我找到了如何实现径向渐变的方法，但我不知道如何调整它的参数使其看起来更像Photoshop中的那个。

希望能得到帮助！

#header {
 height: 220px;
 width: 100%;
 background-image:
 radial-gradient(
   circle closest-side,
   #6fa5d9,
   #51789d
 );
}

<header id="header"></header>

- user4340635

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- alex · Accepted Answer

你可能需要类似这样的东西：

background: radial-gradient(ellipse at center, #50779d 0%,#50779d 37%,#557fa6 47%,#557ea5 51%,#50779d 59%,#50789d 100%);