Funkcija translateX
Funkcija translateX nosaka elementa nobīdi
pa X asi. Tiek lietota kopā ar īpašību
transform.
Īpašības vērtība var būt jebkura izmēra mērvienība.
Pozitīva vērtība nobīda
pa labi, negatīva - pa kreisi.
Sintakse
selektors {
transform: translateX(nobīde);
}
Piemērs
Ja ar peli novietos virs bloka - tas nobīdīsies
par 30px pa labi:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(30px);
}
:
Piemērs
Ja ar peli novietos virs bloka - tas nobīdīsies
par 30px pa kreisi:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(-30px);
}
:
Skatiet arī
-
funkciju
translate,
kas nosaka nobīdi pa X un Y asīm -
funkciju
translateY,
kas nosaka nobīdi pa Y asi
