Funkcija translateX
Funkcija translateX zadaje pomeranje elementa
po X osi. Koristi se zajedno sa svojstvom
transform.
Vrednošću svojstva služe bilo koje jedinice
za veličinu. Pozitivna vrednost pomera
udesno, negativna - ulevo.
Sintaksa
selektor {
transform: translateX(pomeraj);
}
Primer
Ako pređete mišem preko bloka - on će se pomeriti
za 30px udesno:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(30px);
}
:
Primer
Ako pređete mišem preko bloka - on će se pomeriti
za 30px ulevo:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(-30px);
}
:
Pogledajte takođe
-
funkciju
translate,
koja zadaje pomeranje po X i Y osama -
funkciju
translateY,
koja zadaje pomeranje po Y osi
