CSS 클리핑 패스를 사용할 때 모서리를 둥글게 만드는 방법

Question

제가 만든 도형의 가장 왼쪽 모서리 3개를 둥글게 만들고 싶습니다. 어떻게 해야 하는지 아시나요?

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%);
}

<div></div>

Answer 1

둥근 속성이 있는 일러스트레이션 사용:

으아악