Funkce translateY
Funkce translateY nastavuje posun prvku
podél osy Y. Používá se společně s vlastností
transform.
Hodnotou vlastnosti jsou libovolné jednotky
pro velikost. Kladná hodnota posouvá
dolů, záporná - nahoru.
Syntaxe
selektor {
transform: translateY(posun);
}
Příklad
Pokud na blok najedete myší - posune se
o 30px dolů:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Příklad
Pokud na blok najedete myší - posune se
o 30px nahoru:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Viz také
-
funkci
translate,
která nastavuje posun podél os X a Y -
funkci
translateX,
která nastavuje posun podél osy X
