Функция 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 ўки бўйича силжишни белгилайди