Cara Menggunakan Function translatex pada CSS | Kursus Website, Digital Marketing, & Desain Grafis

Cara Menggunakan Function Translatex() pada CSS

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.

DUMET School Author

DUMET School adalah tempat kursus website, kursus desain grafis, kursus digital marketing, kursus video editing dan kursus mobile apps terbaik di Jakarta dan Depok.