Funkcija translateY
Funkcija translateY nustato elemento poslinkį
išilgai Y ašies. Naudojama kartu su savybe
transform.
Reikšmė gali būti nurodyta bet kuriais dydžio vienetais.
Teigiama reikšmė pastumia elementą žemyn, neigiama - aukštyn.
Sintaksė
selektorius {
transform: translateY(poslinkis);
}
Pavyzdys
Jei užvesti pelės žymeklį ant bloko - jis pasislinks
30px žemyn:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Pavyzdys
Jei užvesti pelės žymeklį ant bloko - jis pasislinks
30px aukštyn:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Taip pat žiūrėkite
-
funkciją
translate,
kuri nustato poslinkį išilgai X ir Y ašių -
funkciją
translateX,
kuri nustato poslinkį išilgai X ašies
