Két érték a CSS saroklekerekítésekhez különböző sarkokra

Ha két érték van megadva, akkor az első érték a bal felső és a jobb alsó sarok lekerekítését határozza meg, a második érték pedig a jobb felső és a bal alsó sarkokét:

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

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

Результат: