Les trois valeurs de border-radius pour les coins différents en CSS

Si trois valeurs sont spécifiées, la première valeur définit l'arrondi pour le coin supérieur gauche, la seconde - simultanément pour le coin supérieur droit et le coin inférieur gauche, et la troisième - pour le coin inférieur droit :

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid red;
  border-radius: 10px 20px 30px;
}

Результат: