Как верстать блоки сложной формы на чистом css?
Пример
Используем псевдоэлементы и трансформацию.
Простые углы реализуем за счёт рамки. Однако, если потребуется тень, придётся и там применить трансформацию.
Для сложных углов вводим вложенный элемент и используем внутреннюю тень.
И, конечно же, всегда есть вариант с использованием SVG в качестве фона (или напрямую).
углы делаются с помощью псевдоэлементов - after, before
ссылка на генератор углов: apps.eky.hk/css-triangle-generator