CSSクリッピングパスを使用するときに角を丸くする方法

Question

作成した図形の左端の 3 つの角を丸くしたいのですが、方法はありますか?

div {
  位置: 絶対;
  z インデックス: 1;
  幅: 423ピクセル;
  高さ: 90ピクセル;
  背景色: #b0102d;
  色: 白;
  右: 0;
  マージントップ: 10vw;
  -webkit-clip-path: ポリゴン(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
  クリップパス: ポリゴン(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}

<div></div>

Answer 1

円のプロパティを持つイラストを使用する:

リーリー