Функцијата translateY

Функцијата translateY задава поместување на елемент по оската Y. Се користи заедно со својството transform. Како вредност на својството се користат какви било единици за големина. Позитивната вредност го поместува надолу, негативната - нагоре.

Синтакса

селектор {
	transform: translateY(поместување);
}

Пример

Ако се постави глувчето над блокот - тој ќе се помести за 30px надолу:

<div id="elem"></div>

#elem {
	border: 1px solid black;
	width: 100px;
	height: 50px;
}
#elem:hover {
	transform: translateY(30px);
}

Пример

Ако се постави глувчето над блокот - тој ќе се помести за 30px нагоре:

<div id="elem"></div>

#elem {
	border: 1px solid black;
	width: 100px;
	height: 50px;
}
#elem:hover {
	transform: translateY(-30px);
}

Погледнете ги исто така

функцијата translate,
која задава поместување по оските X и Y
функцијата translateX,
која задава поместување по оската X