Halo teman-teman pada kesempatan kali ini saya akan menjelaskan Cara Menggunakan Function translate3d() Pada Property Transform.Function translate3d() adalah fungsi 3D transformasi yang digunakan untuk memindahkan elemen dalam ruang tiga-dimensi.
Hal ini digunakan untuk menerjemahkan elemen oleh vektor [tx, ty, tz], di mana tx adalah transform sepanjang sumbu x, ty adalah transform sepanjang sumbu y, dan tz adalah transform sepanjang sumbu z. Nilai-nilai tx, ty, dan tz disediakan baik sebagai <panjang> atau sebagai persentase. Tidak termasuk jenis unit akan menyebabkan jumlah yang akan ditafsirkan sebagai “user Unit”. Nilai transform positif akan bergerak elemen sepanjang arah positif sumbu, dan nilai-nilai negatif akan bergerak dalam arah yang berlawanan.
Contoh:
transform: translate3d( tx , ty, tz);
transform: translate3d(100px, 100px, -200px); transform: translate3d(50%, -100%, 10%); transform: translate3d(-100px, -30px, 50px);
Metode transform elemen dalam dimensi ketiga menggunakan properti `transform`. Termasuk dukungan untuk properti `perspective` untuk mengatur perspektif di z-ruang dan properti` backface-visibility` untuk beralih tampilan sisi sebaliknya dari elemen 3D-berubah.
Mudah ya teman-teman Cara Menggunakan Function translate3d() Pada Property Transform. Semoga bermanfaat.