Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/CSS/transform

Как работает `transform` и его функции?

СобеседованиеАнимации и трансформации
  • 2D: translate(x, y), rotate(angle), scale(x, y), skew(x, y)
  • 3D: translateZ(), rotateX/Y/Z(), perspective()
  • matrix(a, b, c, d, tx, ty) — все 2D трансформации одной матрицей
  • Порядок важен: rotate(45deg) translate(100px) ≠ translate(100px) rotate(45deg)
  • Новые отдельные свойства: translate, rotate, scale (без transform)
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov