颜色曲线 - CSS

Question

我该如何使用HTML和CSS：

Answer 1

您可以在父容器中使用圆圈并隐藏不需要的部分。无需渐变或:after或:before

＆＃13;

＆＃13;

.wrap {
  background-color: #0F7107;
  height: 140px;
  width: 310px;
  position: relative;
  overflow: hidden;
}
.circle {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: #0D3106;
  position: absolute;
  right: -100px;
  top: -50px;
}

＆＃13;

<div class="wrap">
  <div class="circle"></div>
</div>

＆＃13;

＆＃13;

＆＃13;