translateX()
CSS translateX() funksiyasi elementni x o‘qi bo‘ylab (gorizontal) qayta joylashtirish imkonini beradi.
translateX() funksiyasi transform xususiyati ichida ishlatiladi.
Misol
Turli <div> elementlarini gorizontal qayta joylashtiring:
#myDiv1 {
transform: translateX(50px); /* moves the element 50px along the x-axis */
}
#myDiv2 {
transform: translateX(100px); /* moves the element 100px along the x-axis */
}
#myDiv3 {
transform: translateX(-10px); /* moves the element -10px along the x-axis */
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| translateX() | 1 | 12 | 3.5 | 3.1 | 10.5 |
CSS sintaksisi
translateX(x)
| Qiymat | Tavsif |
|---|---|
| x | Majburiy. Element x 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 translateY() funksiyasi.
CSS darsligi: CSS 2D transformatsiyalari
HTML DOM ma’lumotnomasi: transform xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!