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 առանցքի ուղղությամբ