Sifat perspective-origin CSS

Definisi dan penggunaan

Sifat perspective-origin mendefinikan sumbu X dan Y yang berdasarkan 3D elemen. Sifat ini memungkinkan Anda mengubah posisi bawah elemen 3D.

Ketika sifat perspective-origin ditentukan untuk elemen, elemen anak akan mendapatkan efek perspektif, bukan elemen itu sendiri.

Keterangan:Sifat ini harus digunakan bersama-sama dengan perspektif Dapat digunakan bersama-sama dengan sifat lainnya, dan hanya mempengaruhi elemen transformasi 3D.

Lihat juga:

Panduan CSS3:Transformasi 3D CSS3

Panduan DOM HTML:Sifat perspectiveOrigin

Contoh

Tetapkan posisi asal elemen 3D:

div
{
perspective:150;
perspective-origin: 10% 10%;
}

Coba sendiri

Syarat CSS

perspective-origin: sumbu-x sumbu-y;

Nilai sifat

Nilai Deskripsi
sumbu-x

Mendefinikan posisi tampilan ini di sumbu x. Nilai lalai: 50%.

Nilai yang mungkin:

  • kiri
  • tengah
  • kanan
  • panjang
  • %
sumbu-y

Mendefinikan posisi tampilan ini di sumbu y. Nilai lalai: 50%.

Nilai yang mungkin:

  • atas
  • tengah
  • bawah
  • panjang
  • %

Detil teknologi

Nilai lalai: 50% 50%
Inheritsi: tidak
Versi: CSS3
Syarat Bahasa JavaScript: objek.style.perspectiveOrigin="10% 10%"

Dukungan perebutan browser

Angka di dalam tabel menunjukkan versi perebutan pertama yang mendukung sifat ini.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-