translate()
Обновлено: 17.01.2023
translate()
Сдвигает элемент относительно исходного расположения на заданное значение по горизонтали и вертикали.
Синтаксис
transform: translate(tx);
transform: translate(tx, ty);
Значения
tx | Сдвиг по горизонтали. Положительное значение сдвигает вправо, отрицательное влево. |
ty | Сдвиг по вертикали. Положительное значение сдвигает вверх, отрицательное вниз. Если значение не указано, то по умолчанию принимается равным 0 и сдвига по вертикали не происходит. |
Пример
В данном примере при наведении указателя на картинку она смещается вправо и вниз.