Как сделать такую фигуру на css?

Question

[VitaliiMayk]

Как сделать такую фигуру на css?

Comments

[Ankhena]

Доработайте под себя

Answer 1

[yhdgms1]

Например, так:

<svg class="svg">
  <clipPath id="my-clip-path" clipPathUnits="objectBoundingBox">
    <path d="M0.963,0.884 L0,1 V0 h0.96 c0.022,0,0.04,0.031,0.04,0.07 v0.745 C1,0.851,0.984,0.881,0.963,0.884"></path>
  </clipPath>
</svg>

<div class="clipped"></div>

<style>
  .svg {
    position: absolute;
    width: 0;
    height: 0;
  }

  .clipped {
    width: 600px;
    height: 200px;
    background: black;
    clip-path: url(#my-clip-path);
  }
</style>