Как показать контент под углом?

Question

[korner-brazers]

Друзья, подскажите как можно провернуть эту тему?



Думаю средствами css это сделать, но что-то мне кажется, что это нереально сделать и проще будет картинку вставить, заказчик не чего не говорил про этот блок, похоже это статический блок.

Answer 1

[Screamie Di]

Лучше делайте изображением. В теории можно сделать, если выдать блокам
transform: skewX(-20deg);

А текстовому содержимому внутри:
transform: skewX(20deg);

Но тогда придется очень четко готовить изображения. Это трудно. Лучше одним SVG изображением.

Answer 2

[tester_toster]

Простой поворот div , внутри другого с поворотом в обратную сторону, перовое, что пришло в голову:
https://jsfiddle.net/kyepumjt/

Answer 3

[korner-brazers]

понял, спасbбо) если заказчику не понравится цельное изображение то придется химичить)