使用 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)