Die translateY-funksie
Die funksie translateY spesifiseer 'n skuif van 'n element
op die Y-as. Dit word saam met die eienskap
transform gebruik.
Die waarde kan enige eenhede
vir grootte wees. 'n Positiewe waarde skuif die element
afwaarts, 'n negatiewe een - opwaarts.
Sintaksis
selektor {
transform: translateY(skuif);
}
Voorbeeld
As jy met die muis oor die blok beweeg - sal dit skuif
met 30px afwaarts:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Voorbeeld
As jy met die muis oor die blok beweeg - sal dit skuif
met 30px opwaarts:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Sien ook
-
die funksie
translate,
wat 'n skuif op die X- en Y-asse spesifiseer -
die funksie
translateX,
wat 'n skuif op die X-as spesifiseer
