Cómo redondear esquinas cuando se usa la ruta de clip CSS

Question

Aug 01, 2015, 09:20 PM

Cómo redondear esquinas cuando se usa la ruta de clip CSS

Quiero poder redondear las 3 esquinas más a la izquierda en esta forma que he creado, ¿alguna idea de cómo se puede hacer eso?

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