CSSクリッピングパスを使用するときに角を丸くする方法
<p>作成した図形の左端の 3 つの角を丸くしたいのですが、方法はありますか? </p>
<p><br /></p>
<pre class="ブラシ:css;ツールバー:false;">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%);
}</pre>
<pre class="brush:html;toolbar:false;"><div></div></pre>
<p><br /></p>
