CSS 径向渐变?
CSS Radial Gradient?
所以我在 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>
你会想要这样的东西:
background: radial-gradient(ellipse at center, #50779d 0%,#50779d 37%,#557fa6 47%,#557ea5 51%,#50779d 59%,#50789d 100%);
所以我在 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>
你会想要这样的东西:
background: radial-gradient(ellipse at center, #50779d 0%,#50779d 37%,#557fa6 47%,#557ea5 51%,#50779d 59%,#50789d 100%);