Функцыя 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