Funkcija translateX
Funkcija translateX nustato elemento poslinkį
išilgai X ašies. Naudojama kartu su savybe
transform.
Reikšmė gali būti bet kurios dydžio
vienetų. Teigiama reikšmė perkelia
į dešinę, neigiama - į kairę.
Sintaksė
selektorius {
transform: translateX(poslinkis);
}
Pavyzdys
Jei užvesti pelės žymeklį ant bloko - jis pasislinks
30px į dešinę:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(30px);
}
:
Pavyzdys
Jei užvesti pelės žymeklį ant bloko - jis pasislinks
30px į kairę:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(-30px);
}
:
Taip pat žiūrėkite
-
funkciją
translate,
kuri nustato poslinkį išilgai X ir Y ašių -
funkciją
translateY,
kuri nustato poslinkį išilgai Y ašies
