Как реализовать косые div?

Question

[AlexanderShustik]

Здравствуйте, на макете
четыре блока встречаются в одной точке, как это реализовать на html+css, пробовал background, но там каждый размер экрана должен иметь свои позиции для того чтобы точка пересечения совпадала

Answer 1

[Ivan Bogachev]

Можно например так, тут вопрос об одной точке не должен стоять - а для маленьких экранов (вроде телефона) лучше будет вообще не делить на такие части - уж очень все мелко будет.

Comments

[AlexanderShustik]

Понятно что для мобильников такого не будет, но для 1400 и 1024 хотелось бы схождение

Answer 2

[Serj-One]

Либо треугольники псевдоэлементом, либо transform skew с обратной трансформацией для контента.

Comments

[AlexanderShustik]

да, но они должны сходится в одной точке, при любом width

[Serj-One]

AlexanderShustik: Треугольники с абсолютным позиционированием относительно родителя будут сходиться как ни крути.