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

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

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

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

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

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