Какие есть методы создания эллиптических углов с помощью border-radius?

Для создания эллиптических углов с помощью border-radius можно указать два значения для каждого угла: горизонтальный и вертикальный радиусы. 1

Базовый сокращённый синтаксис с двумя значениями выглядит так: selector { border-radius: horizontal-radius vertical-radius; }. 1

Пример: 5 border-radius: 40px/20px. 5 В данном случае радиус по оси X будет иметь значение 40 пикселей, а по оси Y — 20 пикселей. 5

Если задаются скругления для нескольких углов, то до слеша перечисляются все горизонтальные скругления, а после него — все вертикальные. 3

Также эллиптическое скругление получится, если установить border-radius в процентах для прямоугольника. 3