Function translateX () adalah fungsi transformasi 2D yang digunakan untuk menerjemahkan elemen di sepanjang sumbu x.

Dibutuhkan nilai terjemahan tx sebagai argumen. Nilai ini menentukan jumlah yang digunakan untuk menerjemahkan suatu elemen.

Nilai terjemahan tx disediakan baik sebagai <panjang> atau sebagai persentase. Tidak termasuk tipe unit akan menyebabkan angka ditafsirkan sebagai “unit pengguna”.

Nilai terjemahan positif akan menggerakkan elemen di sepanjang arah positif sumbu x, dan nilai negatif akan memindahkannya ke arah yang berlawanan.

Contoh:

transform: translateX(300px);
transform: translateX(-50%);
transform: translateX(150%);

Official Syntax:

transform: translate(tx);

Untuk pemahaman yang lebih baik tentang fungsi transformasi, silakan merujuk ke entri transform. Yang akan dibahas pada article selanjutnya. Jadi stay tune terus ya.