Funksioni translate

Funksioni translate përcakton zhvendosjen e elementit përgjatë boshtit X dhe boshtit Y. Përdoret së bashku me vetinë transform. Vlera e vetisë janë çdo njësi për madhësi.

Mund të marrë një ose dy parametra. Nëse parametrat janë dy - parametri i parë përcakton zhvendosjen përgjatë boshtit X, dhe i dyti - përgjatë boshtit Y. Nëse parametri është një, atëherë ai përcakton zhvendosjen përgjatë boshtit X.

Vlerat e parametrave mund të jenë pozitive dhe negative. Vlera pozitive përgjatë boshtit X e zhvendos djathtas, vlera negative - majtas. Vlera pozitive përgjatë boshtit Y e zhvendos poshtë, vlera negative - lart.

Sintaksa

përzgjedhësi {
	transform: translate(zhvendosje përgjatë boshtit X, zhvendosje përgjatë boshtit Y);
}

Shembull

Nëse e vendosni miun mbi bllok - ai do të zhvendoset 30px djathtas:

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

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

Shembull

Nëse e vendosni miun mbi bllok - ai do të zhvendoset 30px majtas:

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

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

Shembull

Nëse e vendosni miun mbi bllok - ai do të zhvendoset 15px djathtas dhe 30px poshtë:

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

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

Shihni gjithashtu

funksionin translateX,
i cili përcakton zhvendosjen përgjatë boshtit X
funksionin translateY,
i cili përcakton zhvendosjen përgjatë boshtit Y