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

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

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

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

Результат: