Contoh
Mengatur penempatan basis elemen yang diputar ini:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Cobalah sendiri " Definisi dan Penggunaan
Properti transformOrigin memungkinkan Anda untuk mengubah posisi pada elemen berubah.
2D berubah elemen dapat mengubah x dan y-sumbu elemen. 3D ditransformasikan elemen juga dapat mengubah z-sumbu elemen.
Note: Properti ini harus digunakan bersama-sama dengan mengubah properti.
Dukungan Browser
Properti transformOrigin didukung di Internet Explorer 10, Firefox, dan Opera.
Internet Explorer 9 mendukung alternatif, properti msTransformOrigin, tapi hanya untuk 2D-transformasi.
Chrome, Safari, dan Opera mendukung alternatif, properti WebkitTransformOrigin, baik 2D- dan 3D-transfoms.
Sintaksis
Kembali properti transformOrigin:
object .style.transformOrigin Mengatur properti transformOrigin:
object .style.transformOrigin=" Nilai properti Nilai Deskripsi x-axis Mendefinisikan mana pandangan ditempatkan di sumbu x. Kemungkinan nilai: - kiri
- pusat
- kanan
- length
- %
y-axis Mendefinisikan mana pandangan ditempatkan di sumbu-y. Kemungkinan nilai: - puncak
- pusat
- bawah
- length
- %
z-axis Mendefinisikan mana pandangan ditempatkan di z-axis (for 3D transforms) . Kemungkinan nilai: - length
initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: 50% 50% 0 Kembali Nilai: Sebuah String, yang mewakili properti mengubah-asal dari suatu unsur CSS Versi CSS3
Pages terkait
Gaya JavaScript Object: transform property
Referensi CSS: transform-origin property
<Style Object