Örnek
Bir öğe bakıldı yerden perspektif ayarlayın:
div
{
-webkit-perspective: 500px; /* Chrome, Safari, Opera */
perspective: 500px;
}
Kendin dene " Tanımı ve Kullanımı
perspektif özelliği 3 boyutlu eleman görünümden yerleştirilir kaç piksel tanımlar. Bu özellik size nasıl görüntüleneceğini 3D elemanları üzerinde perspektifini değiştirmek için izin verir.
Bir element için perspektif özelliğini tanımlarken, bu perspektif görünümünü DEĞİL eleman kendisi olsun ÇOCUK elemanlarıdır.
Note: perspektif özellik yalnızca 3D dönüştürülmüş elemanları etkiler!
Tip: birlikte bu özelliği kullanın perspektif kökenli 3D öğelerin alt konumunu değiştirmek için izin verir özelliği.
Daha iyi perspektif özelliğini anlamak için, bir demo görmek .
| Varsayılan değer: | none |
|---|---|
| Miras: | no |
| canlandırılabilir: | yes. Read about animatable Try it |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.perspective="50px" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
Sayılar -webkit- ardından veya önek ile çalıştı ilk sürümü belirtmek -moz-.
| özellik | |||||
|---|---|---|---|---|---|
| perspective | 36.0 12.0 -webkit- | 10.0 | 16.0 10.0 -moz- | 9.0 4.0.3 -webkit- | 23.0 15.0 -webkit- |
CSS sözdizimi
perspective: Mülkiyet Değerler Mülk değeri Açıklama length eleman görünümünden yerleştirilir ne kadar Yok Varsayılan değer. Aynı 0 olarak perspektif ayarlanmamış ilk varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun miras almak üst öğesinden bu özelliği devralır. Yaklaşık miras oku
İlgili Sayfalar
CSS öğretici: CSS 3D Dönüşümler
HTML DOM referansı: perspective property