Perspektif gaya Properti
Contoh
Atur perspektif dari mana elemen dilihat:
document.getElementById("myDIV").style.perspective = "50px";
Definisi dan Penggunaan
Properti perspektif menentukan berapa banyak piksel yang ditempatkan elemen 3D dari tampilan. Properti ini memungkinkan Anda untuk mengubah perspektif tentang bagaimana elemen 3D dilihat.
Saat mendefinisikan properti perspektif untuk sebuah elemen, elemen CHILD-lah yang mendapatkan tampilan perspektif, BUKAN elemen itu sendiri.
Catatan: Properti perspektif hanya memengaruhi elemen transformasi 3D!
Tip: Gunakan properti ini bersama dengan properti perspektifOrigin , yang memungkinkan Anda mengubah posisi bawah elemen 3D.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Catatan: Chrome lama, Safari, dan Opera mendukung alternatif, properti WebkitPerspective.
Sintaksis
Kembalikan properti perspektif:
object.style.perspective
Setel properti perspektif:
object.style.perspective = "length|none"
Nilai properti
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
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: | tidak ada |
---|---|
Nilai Kembali: | Sebuah String, mewakili properti perspektif dari suatu elemen |
Versi CSS | CSS3 |
Halaman Terkait
Objek Gaya JavaScript: properti perspektifOrigin
Referensi CSS: properti perspektif
Objek Gaya