CSS: ค่ามุมโค้งมนสองค่าสำหรับมุมที่ต่างกัน

หากกำหนดค่าไว้สองค่า ค่าแรก จะกำหนดความโค้งมนสำหรับมุมบนซ้าย และล่างขวา ส่วนค่าที่สอง - สำหรับมุมบนขวาและล่างซ้าย:

html<div id="elem"></div>
css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid red;
  border-radius: 10px 40px;
}

Результат:

Задание 1

ทำซ้ำหน้าเว็บตามตัวอย่างนี้: