HTML / CSS中的曲线背景

Question

我正在尝试使用HTML / CSS，任何想法来学习如何使用附加图像中的曲线创建背景？

Answer 1

开始研究剪辑路径，正如@Paulie_D所建议的那样，并没有完全按照我想要的方式进行研究，但它引导我进入svg，经过大量的阅读和搜索后我找到了答案，我想分享对于任何寻找类似东西的人来说，它可能是有用的，这里是：

<div class="container">
  <svg viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
    <defs>
      <linearGradient id="Gradient1" x1="0" x2="1" y1="0" y2="1">
        <stop offset="0%" stop-color="#5ae7bd"/>
        <stop offset="100%" stop-color="#2cd5ce"/>
      </linearGradient>
      </defs>
    <path d="M0,90 C150,25 350,150 500,80 L500,00 L0,0 Z" style="stroke: none; fill:url(#Gradient1);"></path>
  </svg>
</div>