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

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

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

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

Результат: