Do you know an article that explains how to make slanted divs?

Question

css

Hello. Tell me an article where they will explain in an accessible way how to make the same oblique blocks as on the site aic-qsoft.ru . Everything is messed up in the source code and it's hard to figure it out...

Answer 1

There is nothing supernatural there. The required blocks are simply rotated:

.d-bgd { 
transform: rotate(-15deg);
}

Here is the description htmlbook.ru/css/transform

Answer 2

There are a lot of such questions on the toast, look.
And so transform and svg

Answer 3

Slightly off topic: to remove the pixelation of these divs in chrome (as on the site you mentioned) use -webkit-backface-visibility: hidden;

Answer 4

Yes, I understand that transform: rotate 15deg , but the very essence is that when the screen size changes, all these blocks move out and it turns out to be porridge... It's clear that you need to write different code for the phone and for the computer, but I would like the picture to look the same on the measurements of 1900 and 1300.