Funksioni translateY
Funksioni translateY përcakton zhvendosjen e elementit
përgjatë boshtit Y. Përdoret së bashku me vetinë
transform.
Si vlerë e vetisë shërbejnë çdo njësi
për madhësi. Vlera pozitive e zhvendos
poshtë, negative - lart.
Sintaksa
përzgjedhësi {
transform: translateY(zhvendosje);
}
Shembull
Nëse e sillni miun mbi bllok - ai do të zhvendoset
30px poshtë:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Shembull
Nëse e sillni miun mbi bllok - ai do të zhvendoset
30px lart:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Shihni gjithashtu
-
funksionin
translate,
që përcakton zhvendosjen përgjatë boshteve X dhe Y -
funksionin
translateX,
që përcakton zhvendosjen përgjatë boshtit X
