Două valori de rotunjire pentru colțuri diferite în CSS

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

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

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

Результат: