A translateY függvény
A translateY függvény egy elem eltolását adja meg
az Y tengely mentén. A transform
tulajdonsággal együtt használható.
Értéke bármilyen mértékegység lehet.
A pozitív érték lefelé tolja el az elemet,
a negatív érték pedig felfelé.
Szintaxis
selector {
transform: translateY(eltolás);
}
Példa
Ha az egérmutatót a blokkra visszük - az elem 30px-tel
lefelé tolódik el:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Példa
Ha az egérmutatót a blokkra visszük - az elem 30px-tel
felfelé tolódik el:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Lásd még
-
a
translatefüggvényt,
ami az X és Y tengely mentén történő eltolást adja meg -
a
translateXfüggvényt,
ami az X tengely mentén történő eltolást adja meg
