A translateX függvény
A translateX függvény az elem eltolását határozza meg
az X tengely mentén. A transform
tulajdonsággal együtt használható.
Értéke bármilyen mértékegység lehet.
Pozitív érték jobbra tol,
negatív érték balra.
Szintaxis
szelektor {
transform: translateX(eltolás);
}
Példa
Ha az egérmutatót a blokkra visszük - az eltolódik
30px-t jobbra:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(30px);
}
:
Példa
Ha az egérmutatót a blokkra visszük - az eltolódik
30px-t balra:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(-30px);
}
:
Lásd még
-
a
translatefüggvényt,
amely az X és Y tengely menti eltolást határozza meg -
a
translateYfüggvényt,
amely az Y tengely menti eltolást határozza meg
