Funkcija translateY
Funkcija translateY zadaje pomeranje elementa
po Y osi. Koristi se zajedno sa svojstvom
transform.
Vrednošću svojstva služe bilo koje jedinice
za veličinu. Pozitivna vrednost pomera
na dole, negativna - na gore.
Sintaksa
selektor {
transform: translateY(pomeraj);
}
Primer
Ako pređete mišem preko bloka - on će se pomeriti
za 30px na dole:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Primer
Ako pređete mišem preko bloka - on će se pomeriti
za 30px na gore:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Pogledajte takođe
-
funkciju
translate,
koja zadaje pomeranje po X i Y osama -
funkciju
translateX,
koja zadaje pomeranje po X osi
