Функсияи 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 муайян мекунад