translateY()

Обновлено: 01.06.2022

translateY()

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

translateY(t) соответствует translate(0, t).

Синтаксис

transform: translateY(<размер>)

Значения

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Положительное значение сдвигает вниз, отрицательное вверх. Значение 0 не меняет положение элемента.

Пример

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

Браузеры

translateY

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

translateY