使用 CSS 剪輯路徑時如何圓角

Question

我希望能夠將我創建的形狀的最左邊的 3 個角倒圓，知道如何做到這一點嗎？

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

<div></div>

Answer 1

使用具有圓形屬性的插圖：

inset(0% 45% 0% 45% round 10px)