Comment arrondir les coins lors de l'utilisation d'un chemin de détourage CSS

Question

J'aimerais pouvoir arrondir les 3 coins les plus à gauche de la forme que j'ai créée. Avez-vous une idée de comment procéder ?

div {
  position : absolue ;
  indice z : 1 ;
  largeur : 423 px ;
  hauteur : 90px ;
  couleur d'arrière-plan : #b0102d ;
  Couleur blanche;
  à droite : 0 ;
  marge supérieure : 10vw ;
  -webkit-clip-path : polygone (100 % 0 %, 100 % 50 %, 100 % 100 %, 25 % 100 %, 0 % 50 %, 25 % 0 %) ;
  chemin de détourage : polygone (100 % 0 %, 100 % 50 %, 100 % 100 %, 25 % 100 %, 0 % 50 %, 25 % 0 %) ;
}</pré>
<pre class="brush:html;toolbar:false;"><div></div>

Answer 1

Utilisez des illustrations avec des propriétés rondes :

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