CSS perspective özelliği

Tanım ve kullanım

perspective özelliği, 3B elementlerinin görüntüden olan uzaklığını piksel cinsinden tanımlar. Bu özellik, 3D elementlerini nasıl görüntülediğinizi değiştirmenize olanak tanır.

Elemente perspective özelliği tanımlandığında, çocuk elementler perspektif efekti alır, element kendisi değil.

Açıklama:perspective özelliği sadece 3B dönüşüm elementlerini etkiler.

İpucu:Lütfen bkz: perspective-origin Bu özellikle birlikte kullanılan özellikler, 3B elementlerinin alt konumunu değiştirebilirsiniz.

Ayrıca bkz:

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

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

Örnek

Elementin görüntülenme konumunu ayarlayan görüntü:

div
{
perspective: 500;
}

Deneyin

CSS dilbilgisi

perspective: number|none;

Özellik değeri

Değer Açıklama
number Elementin görüntüden olan uzaklığı, piksel cinsinden.
none Öntanımlı değer. 0 ile aynıdır. Perspektif ayarlanmaz.

Teknik ayrıntılar

Öntanımlı değer: none
Mirasçılık: evet
Sürüm: CSS3
JavaScript dilbilgisi: object.style.perspective=500

Tarayıcı desteği

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

-webkit- veya -moz- ile başlayan sayılar, önek kullanılan ilk sürümü gösterir.

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-