Kazi ya translateY
Kazi translateY inabainisha usogezi wa kipengele
kwenye mhimili Y. Inatumika pamoja na sifa
transform.
Thamani ya sifa ni vipimo vyovyote
vya ukubwa. Thamani chanya husogeza
chini, hasi - juu.
Kiufundi
kichaguzi {
transform: translateY(usogezi);
}
Mfano
Ukikasha kipofu kwenye kipengele - kitasogea
kwa 30px chini:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Mfano
Ukikasha kipofu kwenye kipengele - kitasogea
kwa 30px juu:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Angalia pia
-
kazi
translate,
ambayo inabainisha usogezi kwenye mihimili X na Y -
kazi
translateX,
ambayo inabainisha usogezi kwenye mhimili X
