Как разместить вплотную div разной формы (пример внутри)?

Question

[Urukhayy]

Как организовать примерно такую картину? Чтобы каждый цвет был отдельным div.
Интересует инструмент, позволяющий таким образом "разделять" блоки.

Comments

[Rustam Bainazarov]

Никак. Абсолютно позиционированые блоки на clip-path или SVG.

Answer 1

[Александр]

rotate
Можно попробовать наложить их друг на друга и задать разный z-index, а можно через margin завадать отступы вручную.

Answer 2

[Артём Черный]

Если каждый такой блок будет иметь свой контент, то единственный выход - абсолютное позиционирование и z-index. Создаете родительский контейнер, с overflow: hidden и position: relative, и в нем друг на друга ставите абсолютные блоки (меняя при этом transform: rotate())

Answer 3

[C_oO_re]

clip