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