CSS translateX() Fonksiyonu

Tanımı ve Kullanımı

CSS'nin translateX() Fonksiyon, elemanları x eksenine (yatay yönde) yeniden konumlandırmanıza olanak tanır.

translateX() Fonksiyon transform Özelliklerinde kullanılır.

Örnek

Farklı <div> elementlerini yatay yönde yeniden konumlandırma:

#myDiv1 {
  transform: translateX(50px); /* Elemanı x eksenine doğru 50px taşıır */
}
#myDiv2 {
  transform: translateX(100px); /* Elemanı x eksenine doğru 100px taşıır */
}
#myDiv3 {
  transform: translateX(-10px); /* Elemanı x eksenine doğru -10px taşıır */
}

Kişisel olarak deneyin

CSS Dilbilgisi

translateX(x)
Değer Açıklama
x Gerekli. Elemanın x eksenine doğru taşıma mesafesini tanımlar, sayı veya yüzdelik olabilir.

Teknik Ayrıntılar

Sürüm: CSS Transforms Module Level 1

Tarayıcı Desteği

Tabloda sayılar, bu işlevi tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

相关页面

Eğitim:CSS 2D Dönüşüm

Kaynakça:CSS transform özelliği

Kaynakça:CSS translate() fonksiyonu

Kaynakça:CSS translateY() fonksiyonu

Kaynakça:HTML DOM transform özelliği