Trei valori de rotunjire pentru colțuri diferite în CSS

Dacă sunt specificate trei valori, prima valoare stabilește rotunjirea pentru colțul din stânga sus, a doua - simultan pentru colțul din dreapta sus și stânga jos, iar a treia - pentru colțul din dreapta jos:

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

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

Результат: