Contoh
Mengatur penempatan basis elemen 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Cobalah sendiri " Definisi dan Penggunaan
Properti perspectiveOrigin mendefinisikan mana elemen 3D berbasis di x dan sumbu y. Properti ini memungkinkan Anda untuk mengubah posisi bawah elemen 3D.
Ketika mendefinisikan properti perspectiveOrigin untuk elemen, itu adalah unsur-unsur ANAK yang diposisikan, TIDAK unsur itu sendiri.
Note: Properti ini harus digunakan bersama-sama dengan perspektif properti, dan hanya mempengaruhi 3D berubah elemen!
Dukungan Browser
Properti perspectiveOrigin didukung dalam IE10 + dan Firefox.
Chrome, Safari, dan Opera mendukung alternatif, properti WebkitPerspecitveOrigin.
Sintaksis
Kembali properti perspectiveOrigin:
object .style.perspectiveOrigin Mengatur properti perspectiveOrigin:
object .style.perspectiveOrigin=" Nilai properti Nilai Deskripsi x-axis Mendefinisikan mana pandangan ditempatkan di sumbu x Kemungkinan nilai:
- kiri
- pusat
- kanan
- length
- %
nilai default: 50%
y-axis Mendefinisikan mana pandangan ditempatkan di sumbu y Kemungkinan nilai:
- puncak
- pusat
- bawah
- length
- %
nilai default: 50%
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% Kembali Nilai: Sebuah String, yang mewakili properti perspektif-asal elemen CSS Versi CSS3
Pages terkait
Gaya JavaScript Object: perspective property
Referensi CSS: perspective-origin property
<Style Object