使用 CSS 剪辑路径时如何圆角
P粉921130067
2023-08-24 15:40:15
<p>我希望能够将我创建的形状的最左边的 3 个角倒圆，知道如何做到这一点吗？</p>
<p><br /></p>
<pre class="brush:css;toolbar:false;">div {
position: absolute;
z-index: 1;
width: 423px;
height: 90px;
background-color: #b0102d;
color: white;
right: 0;
margin-top: 10vw;
-webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
clip-path: 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>
使用具有圆形属性的插图：