translateY()
CSS translateY() funksiyasi elementni y o‘qi bo‘ylab (vertikal) qayta joylashtirish imkonini beradi.
translateY() funksiyasi transform xususiyati ichida ishlatiladi.
Misol
Turli <div> elementlarini vertikal qayta joylashtiring:
#myDiv1 {
transform: translateY(30px); /* moves the element 30px along the y-axis */
}
#myDiv2 {
transform: translateY(50px); /* moves the element 50px along the y-axis */
}
#myDiv3 {
transform: translateY(-10px); /* moves the element -10px along the y-axis */
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| translateY() | 1 | 12 | 3.5 | 3.1 | 10.5 |
CSS sintaksisi
translateY(y)
| Qiymat | Tavsif |
|---|---|
| y | Majburiy. Element y o‘qi bo‘ylab qanchalik siljishi kerakligini belgilaydigan son yoki foiz |
| Versiya: | CSS Transforms moduli, 1-daraja |
|---|
Tegishli sahifalar
CSS ma’lumotnomasi: CSS transform xususiyati.
CSS ma’lumotnomasi: CSS translate() funksiyasi.
CSS ma’lumotnomasi: CSS translateX() funksiyasi.
CSS darsligi: CSS 2D transformatsiyalari
HTML DOM ma’lumotnomasi: transform xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!