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