Funksioni translateX
Funksioni translateX përcakton zhvendosjen e elementit
përgjatë boshtit X. Përdoret së bashku me vetinë
transform.
Si vlerë e vetisë shërbejnë çdo njësi
për madhësi. Vlera pozitive e zhvendos
djathtas, negative - majtas.
Sintaksa
përzgjedhësi {
transform: translateX(zhvendosje);
}
Shembull
Nëse e sillni 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: translateX(30px);
}
:
Shembull
Nëse e sillni 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: translateX(-30px);
}
:
Shihni gjithashtu
-
funksionin
translate,
i cili përcakton zhvendosjen përgjatë boshteve X dhe Y -
funksionin
translateY,
i cili përcakton zhvendosjen përgjatë boshtit Y
