Три вредности на заоблување за различни агли во CSS

Ако се зададени три вредности, тогаш првата вредност ја одредува заоблувањето за горниот лев агол, втората - истовремено за горниот десен и долниот лев, а третата - за долниот десен агол:

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

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

Результат: