Vier waardes van radius vir verskillende hoeke CSS

As vier waardes gespesifiseer word, bepaal die eerste waarde die radius vir die boonste linkerhoek, die tweede - vir die boonste regterhoek, die derde - vir die onderste regterhoek, en die vierde - vir die onderste linkerhoek:

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

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

Результат: