CSS perspective-origin özelliği

Tanım ve kullanım

perspective-origin özelliği, 3D elementlerin temel X ve Y eksenini tanımlar. Bu özellik, 3D elementlerin alt tarafını değiştirmenize izin verir.

perspective-origin özelliği için bir element tanımlandığında, o elementin alt elementleri perspektif etkisini alır, element kendisi değil.

Yorum:Bu özellik, aşağıdaki özellikle birlikte kullanılmalıdır: perspective Özellikler birlikte kullanılır ve sadece 3D dönüşüm elementlerini etkiler.

Ayrıca bkz:

CSS3 eğitim:CSS3 3D dönüşüm

HTML DOM referans el kitabı:perspectiveOrigin özelliği

Örnek

3D elementlerin temel nokta konumunu ayarlayın:

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

Kişisel olarak deneyin

CSS dilbilgisi

perspective-origin: x-axis y-axis;

Özellik değeri

Değer Açıklama
x-axis

Bu görünümün x eksenindeki konumunu tanımlar. Varsayılan değer: 50%.

Mümkün olan değerler:

  • left
  • center
  • right
  • length
  • %
y-axis

Bu görünümün y eksenindeki konumunu tanımlar. Varsayılan değer: 50%.

Mümkün olan değerler:

  • top
  • center
  • bottom
  • length
  • %

Teknik ayrıntılar

Varsayılan değer: 50% 50%
Devralabilirlik: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.style.perspectiveOrigin="10% 10%"

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

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-