translateY funktsiyasi
translateY funktsiyasi elementni Y o‘qi
bo‘yicha siljitishni belgilaydi. U
transform xususiyati
bilan birgalikda ishlatiladi.
Xususiyat qiymati sifatida o‘lcham birliklarining
istalgan turi ishlatilishi mumkin. Musbat qiymat pastga, manfiy qiymat esa yuqoriga siljitadi.
Sintaksis
selector {
transform: translateY(siljish);
}
Misol
Agar blokka sichqonchani olib borilsa, u
30px pastga siljiydi:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(30px);
}
:
Misol
Agar blokka sichqonchani olib borilsa, u
30px yuqoriga siljiydi:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateY(-30px);
}
:
Shuningdek qarang
-
translatefunktsiyasi,
bu X va Y o‘qlari bo‘yicha siljishni belgilaydi -
translateXfunktsiyasi,
bu X o‘qi bo‘yicha siljishni belgilaydi
