Properti perspective-origin CSS

Definisi dan penggunaan

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

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

Keterangan:Atribut ini harus digunakan bersama dengan perspektif Atribut digunakan bersama-sama dan hanya mempengaruhi elemen transformasi 3D.

Lihat juga:

Panduan CSS3:Transformasi 3D CSS3

Panduan HTML DOM:Atribut perspectiveOrigin

Contoh

Setel posisi asal elemen 3D:

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

Coba sendiri

Sintaksu CSS

perspective-origin: sumbu-x sumbu-y;

Nilai atribut

Nilai Deskripsi
sumbu-x

Definisi posisi tampilan ini di sumbu x. Nilai default: 50%.

Nilai yang mungkin:

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

Definisi posisi tampilan ini di sumbu y. Nilai default: 50%.

Nilai yang mungkin:

  • atas
  • tengah
  • bawah
  • panjang
  • %

Detil teknis

Nilai default: 50% 50%
Inheritsi: tidak
Versi: CSS3
Sintaksu JavaScript: objek.style.perspectiveOrigin="10% 10%"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

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-