Funktsioon translateY
Funktsioon translateY määrab elemendi nihutamise
Y-telje suunas. Kasutatakse koos omadusega
transform.
Omaduse väärtuseks on suvalised suuruse
ühikud. Positiivne väärtus nihutab
alla, negatiivne - üles.
Süntaks
selektor {
transform: translateY(nihke);
}
Näide
Kui hiirega blokile peale minna - see nihkub
30px allapoole:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Näide
Kui hiirega blokile peale minna - see nihkub
30px ülespoole:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Vaata ka
-
funktsiooni
translate,
mis määrab nihke X- ja Y-telgede suunas -
funktsiooni
translateX,
mis määrab nihke X-telje suunas
