如何创建这个渐变？答案

【问题标题】：How to create this gradient?如何创建这个渐变？
【发布时间】：2017-11-22 15:36:46
【问题描述】：

你能告诉我如何创建这个径向渐变吗？

我当前的 CSS：

background: radial-gradient(closest-corner, #b0ff9f 40%,
            #9dfa89 40%, #9dfa89 50%, #7af16a 50%, #7af16a 60%,
            #60ea54 60%, #60ea54 70%, #00b4ff 70%, #00b4ff 100%);

【问题讨论】：

@Mr Lister，是的，我不知道如何用 css 做到这一点
你试过什么？可以出示一下代码吗？
@MrLister，我想通了。现在我有这个css代码：背景：径向渐变（最近的角落，#b0ff9f 40%，#9dfa89 40%，#9dfa89 50%，#7af16a 50%，#7af16a 60%，#60ea54 60%，#60ea54 70 %, #00b4ff 70%, #00b4ff 100%);
但这不是我想要的。我需要这样的东西ibb.co/mTi8L6

标签： css gradient

【解决方案1】：

你已经接近了。您需要微调半径和位置，而不是使用固定大小的关键字。剩下的一切都还好。

body {margin:0}
div {background: radial-gradient(ellipse 80% 100% at center bottom,
     #b0ff9f 40%, #9dfa89 40%, #9dfa89 50%, #7af16a 50%, #7af16a 60%,
     #60ea54 60%, #60ea54 70%, #00b4ff 70%, #00b4ff 100%);}

&lt;div style="height:100px"&gt;&lt;/div&gt;

【讨论】：