Funkcija translateY
Funkcija translateY nosaka elementa nobīdi
pa Y asi. Izmanto kopā ar īpašību
transform.
Īpašības vērtību var norādīt jebkuras mērvienības
izmēram. Pozitīva vērtība nobīda
uz leju, negatīva - uz augšu.
Sintakse
selektors {
transform: translateY(nobīde);
}
Piemērs
Ja ar peles kursoru uzvērsies virs bloka - tas nobīdīsies
par 30px uz leju:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Piemērs
Ja ar peles kursoru uzvērsies virs bloka - tas nobīdīsies
par 30px uz augšu:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Skatiet arī
-
funkciju
translate,
kas nosaka nobīdi pa X un Y asīm -
funkciju
translateX,
kas nosaka nobīdi pa X asi
