transform

transform: none | <transform-function>+

📝 Описание

Применяет 2D или 3D трансформацию к элементу.

Значение по умолчанию: none

🎯 Возможные значения

translate(x, y) — перемещение
scale(x, y) — масштабирование
rotate(angle) — поворот
skew(x-angle, y-angle) — наклон
matrix(a, b, c, d, tx, ty) — матрица 2D
translate3d(), scale3d(), rotate3d() — 3D
perspective() — перспектива

.element {
  transform: translateX(100px) rotate(45deg);
}

🌐 Поддержка браузеров

Все современные браузеры