Какие существуют методы стилизации закругленных углов в интерфейсах?

Некоторые методы стилизации закруглённых углов в интерфейсах:

• Использование CSS-свойства border-radius. alvarotrigo.com htmlacademy.ru Оно помогает скруглить углы элемента. htmlacademy.ru Значения можно указывать в пикселях, процентах или других единицах измерения. htmlacademy.ru Чтобы скруглить только один угол, используют свойства: border-top-left-radius (верхний левый угол), border-top-right-radius (верхний правый угол), border-bottom-left-radius (нижний левый угол), border-bottom-right-radius (нижний правый угол). htmlacademy.ru
• Применение фигур наподобие суперэллипсиса. deadsign.ru Такие фигуры имеют более округлый и приятный внешний вид. deadsign.ru Однако их сложно вводить в интерфейс. deadsign.ru Для этого используют SVG с специальными формулами или скриптами, а также PNG-маски. deadsign.ru
• Использование SVG. htmlacademy.ru Этот метод удобен для стилизации сложных фигур. htmlacademy.ru
• Применение метода box-shadow. webformyself.com С его помощью можно создать то, что смотрится как рамка. webformyself.com Расширенный радиус устанавливает растянутый интервал тени блока. webformyself.com

Для оптически верного закругления углов также используют специальные формулы или ручное редактирование формы. deadsign.ru