translate()

Обновлено: 17.01.2023

translate()

Сдвигает элемент относительно исходного расположения на заданное значение по горизонтали и вертикали.

Синтаксис

transform: translate(tx);
transform: translate(tx, ty);

Значения

tx Сдвиг по горизонтали. Положительное значение сдвигает вправо, отрицательное влево.
ty Сдвиг по вертикали. Положительное значение сдвигает вверх, отрицательное вниз. Если значение не указано, то по умолчанию принимается равным 0 и сдвига по вертикали не происходит.

Пример

В данном примере при наведении указателя на картинку она смещается вправо и вниз.

Браузеры

translate

Посмотреть совместимость на Can I use?

translate