Функција translateX

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

Синтакса

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

Пример

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

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

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

Пример

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

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

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

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

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