Τρεις τιμές στρογγυλοποίησης για διαφορετικές γωνίες στο CSS

Εάν δοθούν τρεις τιμές, τότε η πρώτη τιμή ορίζει τη στρογγυλοποίηση για την επάνω αριστερή γωνία, η δεύτερη - ταυτόχρονα για την επάνω δεξιά και την κάτω αριστερή, και η τρίτη - για την κάτω δεξιά γωνία:

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

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

Результат: