Как повернуть блок на 45 градусов?

Чтобы повернуть элемент на 45 градусов, используется CSS-свойство transform. Это свойство позволяет применять различные трансформации, такие как поворот, масштабирование и сдвиг. В случае с поворотом, функция rotate() принимает угол в градусах или радианах.

Синтаксис:

.selector {
	transform: rotate(angle);
} 

•  angle: угол поворота, выраженный в градусах (deg) или радианах (rad).

Для примера, чтобы повернуть элемент на 45 градусов, нужно написать:

.box {
	transform: rotate(45deg);
} 

Важно помнить, что при использовании трансформаций положение элемента может измениться. Для корректного позиционирования можно использовать свойство transform-origin, которое определяет точку, вокруг которой происходит поворот. По умолчанию это центр элемента.