Stil perspektifi Özellik
Örnek
Bir öğenin görüntülendiği yerden perspektifi ayarlayın:
document.getElementById("myDIV").style.perspective = "50px";
Tanım ve Kullanım
Perspektif özelliği, bir 3B elemanın görünümden kaç piksel yerleştirileceğini tanımlar. Bu özellik, 3B öğelerin nasıl görüntülendiğine ilişkin bakış açısını değiştirmenize olanak tanır.
Bir öğe için perspektif özelliği tanımlanırken, perspektif görünümü elde eden, öğenin kendisi DEĞİL, CHILD öğelerdir.
Not: Perspektif özelliği yalnızca 3B dönüştürülmüş öğeleri etkiler!
İpucu: Bu özelliği , 3B öğelerin alt konumunu değiştirmenize olanak tanıyan perspektifOrigin özelliğiyle birlikte kullanın .
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Not: Eski Chrome, Safari ve Opera, WebkitPerspective özelliği olan bir alternatifi destekler.
Sözdizimi
Perspektif özelliğini döndürün:
object.style.perspective
Perspektif özelliğini ayarlayın:
object.style.perspective = "length|none"
Mülk değerleri
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | Yok |
---|---|
Geri dönüş değeri: | Bir elemanın perspektif özelliğini temsil eden bir String |
CSS Sürümü | CSS3 |
İlgili Sayfalar
JavaScript Stil Nesnesi: perspektifOrigin özelliği
CSS referansı: perspektif özelliği
❮ Stil Nesnesi