서로 다른 모서리에 대한 두 개의 CSS 둥글림 값

값을 두 개 지정하면 첫 번째 값은 왼쪽 상단과 오른쪽 하단 모서리의 둥글림을 지정하고, 두 번째 값은 오른쪽 상단과 왼쪽 하단 모서리의 둥글림을 지정합니다:

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

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

Результат: