So runden Sie Ecken ab, wenn Sie den CSS-Beschneidungspfad verwenden
P粉921130067
2023-08-24 15:40:15
<p>Ich möchte die drei Ecken ganz links der von mir erstellten Form abrunden können. Haben Sie eine Idee, wie das geht? </p>
<p><br /></p>
<pre class="brush:css;toolbar:false;">div {
Position: absolut;
Z-Index: 1;
Breite: 423px;
Höhe: 90px;
Hintergrundfarbe: #b0102d;
Farbe weiß;
rechts: 0;
Rand oben: 10vw;
-webkit-clip-path: Polygon(100 % 0 %, 100 % 50 %, 100 % 100 %, 25 % 100 %, 0 % 50 %, 25 % 0 %);
Clip-Pfad: Polygon (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>
使用具有圆形属性的插图: