translateY()
Обновлено: 17.01.2023
translateY()
Сдвигает элемент относительно его исходного расположения на заданное значение по вертикали.
translateY(t) соответствует translate(0, t).
Синтаксис
transform: translateY(<размер>)
Значения
В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Положительное значение сдвигает вниз, отрицательное вверх. Значение 0 не меняет положение элемента.
Пример
В данном примере при наведении указателя на картинку она плавно смещается вниз.