title: Background border radius with linear gradient
body: <p>I'm trying to make 2 background, as follow the image. I'm trying to do with linear-gradient and border radius, but I'm getting only a 90º border and don't know how to change the border.</p>
  <p><img src="https://i.stack.imgur.com/9FWQA.png" alt="Linear gradient width radius" /></p>
  <p>here is the code</p>
  <pre><code>background-image: linear-gradient(left, #e3e3e3, #e3e3e3 30%, transparent 50%, transparent 100%), radial-gradient(circle at top left, #f00,#e3e3e3);
  background-image: -webkit-linear-gradient(left, #e3e3e3, #e3e3e3 30%, transparent 30%, transparent 100%);
  border-top-right-radius: 36px;
  border-bottom-right-radius: 36px;
  </code></pre>