Funkcija translateY
Funkcija translateY določa premik elementa
po osi Y. Uporablja se skupaj z lastnostjo
transform.
Vrednost lastnosti so poljubne enote
za velikost. Pozitivna vrednost premakne
navzdol, negativna - navzgor.
Sintaksa
selektor {
transform: translateY(premik);
}
Primer
Če z miško postavite na blok - se bo ta premaknil
za 30px navzdol:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Primer
Če z miško postavite na blok - se bo ta premaknil
za 30px navzgor:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Glejte tudi
-
funkcijo
translate,
ki določa premik po oseh X in Y -
funkcijo
translateX,
ki določa premik po osi X
