CSS'te Farklı Köşeler İçin Dört Yuvarlatma Değeri

Dört değer belirtilirse, ilk değer üst sol köşe için yuvarlatmayı belirler, ikincisi - üst sağ için, üçüncüsü - alt sağ köşe için ve dördüncüsü - alt sol köşe için belirler:

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

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

Результат: