Perspektif gaya , Properti Asal
Contoh
Setel penempatan dasar elemen 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Definisi dan Penggunaan
Properti perspektifOrigin mendefinisikan di mana elemen 3D didasarkan pada sumbu x dan y. Properti ini memungkinkan Anda untuk mengubah posisi bawah elemen 3D.
Saat mendefinisikan properti perspektifOrigin untuk sebuah elemen, elemen CHILD-lah yang diposisikan, BUKAN elemen itu sendiri.
Catatan: Properti ini harus digunakan bersama dengan properti perspektif , dan hanya memengaruhi elemen transformasi 3D!
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Catatan: Chrome lama, Safari, dan Opera mendukung alternatif, properti WebkitPerspectiveOrigin.
Sintaksis
Kembalikan properti perspektifOrigin:
object.style.perspectiveOrigin
Setel properti perspektifOrigin:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Nilai properti
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | 50% 50% |
---|---|
Nilai Kembali: | Sebuah String, mewakili properti perspektif-asal dari suatu elemen |
Versi CSS | CSS3 |
Halaman Terkait
Objek Gaya JavaScript: properti perspektif
Referensi CSS: properti perspektif-asal
Objek Gaya