Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про CSS: css, transform

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

Этот вопрос проверяет знание методов трансформации элементов в CSS.

Короткий ответ

Для поворота блока на 45 градусов в CSS используется свойство transform с функцией rotate(). Это позволяет изменить ориентацию элемента относительно его начального положения. Например, значение rotate(45deg) повернет элемент на 45 градусов по часовой стрелке.

Длинный ответ

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

Синтаксис:

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

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

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

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

Уровень

  • Рейтинг:

    3

  • Сложность:

    9

Навыки

  • CSS

    CSS

Ключевые слова

#css

#transform

Подпишись на React Developer в телеграм