Funksjonen translateY
Funksjonen translateY setter forskyvning av elementet
langs Y-aksen. Brukes sammen med egenskapen
transform.
Verdien til egenskapen er alle enheter
for størrelse. Positiv verdi forskyver
nedover, negativ - oppover.
Syntaks
velger {
transform: translateY(forskyvning);
}
Eksempel
Hvis du holder musepekeren over blokken - vil den forskyves
30px nedover:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Eksempel
Hvis du holder musepekeren over blokken - vil den forskyves
30px oppover:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Se også
-
funksjonen
translate,
som setter forskyvning langs X- og Y-aksene -
funksjonen
translateX,
som setter forskyvning langs X-aksen
