Funkcija translateX
Funkcija translateX določa premik elementa
po osi X. Uporablja se skupaj z lastnostjo
transform.
Vrednost lastnosti so poljubne enote
za velikost. Pozitivna vrednost premakne
v desno, negativna - v levo.
Sintaksa
selektor {
transform: translateX(premik);
}
Primer
Če z miško postavite na blok - se bo ta premaknil
za 30px v desno:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(30px);
}
:
Primer
Če z miško postavite na blok - se bo ta premaknil
za 30px v levo:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(-30px);
}
:
Glejte tudi
-
funkcijo
translate,
ki določa premik po oseh X in Y -
funkcijo
translateY,
ki določa premik po osi Y
