CSS получил shape(), border-shape и corner-shape: веб выходит за рамки прямоугольников

W3C-стандарты CSS пополнились функциями shape(), border-shape и corner-shape, которые позволяют задавать границы и формы элементов напрямую в CSS без SVG и JavaScript. Все основные браузеры уже поддерживают shape(), а border-shape и corner-shape пока экспериментальны, но работают в Chrome, Edge и Opera.

• shape() задаёт геометрию фигур в отзывчивом CSS-синтаксисе вместо пикселей path()
• border-shape применяет координаты shape() к границам страницы на раннем этапе рендеринга
• corner-shape даёт готовые шаблоны: скругления, фаски, вырезы и «сквиркл»
• shape() поддерживают все основные браузеры, border-shape и corner-shape — пока экспериментальны