Cara Menggunakan Function translatez() pada CSS

Function translateZ () adalah fungsi transformasi yang digunakan untuk memindahkan elemen sepanjang sumbu z dalam ruang tiga dimensi.

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

Nilai terjemahan tz disediakan sebagai <panjang]. Tidak termasuk tipe unit akan menyebabkan angka ditafsirkan sebagai “unit pengguna”.

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

Contoh:

transform: translateZ(300px);
transform: translateZ(-5em);
transform: translateZ(4vh);

Sintaks resmi terlihat sebagai berikut:

transform: translate(tz);

Untuk pemahaman yang lebih baik tentang fungsi transformasi, silakan merujuk ke entri transformasi.

Scroll to Top