[Solved] Color curve – CSS [closed]

by


You can use a circle inside the parent container and hide the unwanted section. No need of gradient or :after or :before

.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;
}
<div class="wrap">
  <div class="circle"></div>
</div>

0

solved Color curve – CSS [closed]