Cara membulatkan sudut apabila menggunakan laluan keratan CSS

Question

Saya ingin dapat membulatkan 3 penjuru paling kiri bentuk yang saya buat, ada idea bagaimana untuk melakukannya?

div {
  jawatan: mutlak;
  indeks-z: 1;
  lebar: 423px;
  ketinggian: 90px;
  warna latar belakang: #b0102d;
  warna: putih;
  kanan: 0;
  margin atas: 10vw;
  -laluan-klip-webkit: poligon(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
  laluan klip: poligon(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}

<div></div>

Answer 1

Gunakan ilustrasi dengan sifat bulat:

inset(0% 45% 0% 45% round 10px)