Funktionen translateX
Funktionen translateX angiver en forskydning af elementet
langs X-aksen. Den bruges sammen med egenskaben
transform.
Værdien for egenskaben er enhver enhed
for størrelse. En positiv værdi forskydder
til højre, en negativ til venstre.
Syntaks
selektor {
transform: translateX(forskydning);
}
Eksempel
Hvis du fører musen over blokken, vil den forskydes
30px til højre:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(30px);
}
:
Eksempel
Hvis du fører musen over blokken, vil den forskydes
30px til venstre:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(-30px);
}
:
Se også
-
funktionen
translate,
som angiver forskydning langs X- og Y-akserne -
funktionen
translateY,
som angiver forskydning langs Y-aksen
