Abrunden von Ecken bei Verwendung des CSS-Clip-Pfads

Question

Aug 01, 2015, 09:20 PM

Abrunden von Ecken bei Verwendung des CSS-Clip-Pfads

Ich möchte in der Lage sein, die drei Ecken ganz links auf dieser von mir erstellten Form abzurunden. Irgendeine Idee, wie das gemacht werden kann?

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