Quatro valores de border-radius para cantos diferentes em CSS
Se quatro valores forem especificados, o primeiro valor define o raio do canto superior esquerdo, o segundo - o superior direito, o terceiro - o canto inferior direito e o quarto - o canto inferior esquerdo:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px 20px 30px 40px;
}
:
