Встречается на собеседованиях • сегодня

Какие знаешь способы поворота элемента

В CSS есть несколько способов повернуть элемент:

  1. transform: rotate() - основной метод:
css
.element {
  transform: rotate(45deg); /* поворот на 45 градусов */
}
  1. transform-origin - меняет точку вращения:
css
.element {
  transform-origin: top left;
  transform: rotate(30deg);
}
  1. rotate в transform (отдельное свойство) - новое синтаксическое упрощение:
css
.element {
  rotate: 90deg;
}
  1. Анимация поворота:
css
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.element {
  animation: spin 2s linear infinite;
}
  1. 3D-поворот:
css
.element {
  transform: rotateX(45deg) rotateY(30deg);
}

Для SVG можно использовать атрибут transform="rotate(angle, cx, cy)" где cx,cy - центр вращения.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы