translate()
CSS translate() funksiyasi element joylashuvini o‘zgartirish imkonini beradi.
translate() funksiyasi transform xususiyati ichida ishlatiladi.
Misol
Element joylashuvini o‘zgartiring:
#myDiv1 {
transform: translate(50px); /* moves the element 50px along the x-axis */
}
#myDiv2 {
transform: translate(50px, 20px); /* moves the element 50px along the x-axis, and 20px along the y-axis */
}
#myDiv3 {
transform: translate(100px, 30px); /* moves the element 100px along the x-axis, and 30px 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 | |||||
|---|---|---|---|---|---|
| translate() | 1 | 12 | 3.5 | 3.1 | 10.5 |
CSS sintaksisi
translate(x, y)
| Qiymat | Tavsif |
|---|---|
| x | Majburiy. Element x o‘qi bo‘ylab qanchalik siljishi kerakligini belgilaydigan son yoki foiz |
| y | Ixtiyoriy. Element y o‘qi bo‘ylab qanchalik siljishi kerakligini belgilaydigan son yoki foiz. Agar ko‘rsatilmasa, qiymat 0 ga o‘rnatiladi. |
| Versiya: | CSS Transforms moduli, 1-daraja |
|---|
Tegishli sahifalar
CSS ma’lumotnomasi: CSS transform xususiyati.
CSS ma’lumotnomasi: CSS translateX() funksiyasi.
CSS ma’lumotnomasi: CSS translateY() funksiyasi.
CSS darsligi: CSS 2D transformatsiyalari
HTML DOM ma’lumotnomasi: transform xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!