Помню, как сильно радовался массовому внедрению в браузеры свойства
border-radius. Не нужно больше рисовать скруглённые уголки при помощи таблиц, кайф!Но в дизайнах всё ещё бывают не только выпуклые круглые уголки. На данный момент без хаков можно играться с овальными формами границ. Ну или разбираться с
border-image, который не самый developer friendly, на мой взгляд. Хотя в большинстве случаев этого всё-таки хватает.Дэниэл Шварц показывает, как мы сможем визуально создавать всевозможные формы блоков с помощью нового свойства
corner-shape, которое пока что работает только в Chrome:- впуклые уголки (инвертированный круг);
- скошенные уголки;
- вырезанные уголки;
- сквирклы (красивые более естественные скругления).
С демками.
https://css-tricks.com/what-can-we-actually-do-with-corner-shape/
