CSS 클리핑 패스를 사용할 때 모서리를 둥글게 만드는 방법
<p>제가 만든 도형의 가장 왼쪽 모서리 3개를 둥글게 만들고 싶습니다. 어떻게 해야 하는지 아시나요? </p>
<p><br /></p>
<pre class="brush:css;toolbar:false;">div {
위치: 절대;
Z-색인: 1;
너비: 423px;
높이: 90px;
배경색: #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>
