Örnek
3D öğesinin taban yerleşimini ayarlayın:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Kendin dene " Tanımı ve Kullanımı
Bir 3D elemanı x- ve y-ekseni dayanır burada perspectiveOrigin özelliği tanımlar. Bu özellik 3B öğelerin alt konumunu değiştirmek için izin verir.
Bir öğe için perspectiveOrigin özelliği tanımlarken, bu konumlandırılmış ÇOCUK elemanları değil elemanı kendisidir.
Note: Bu özellik ile birlikte kullanılması gerekir perspektif mülkiyet ve sadece 3D elemanları dönüştürdü etkiler!
Tarayıcı Desteği
perspectiveOrigin özelliği IE10 + ve Firefox desteklenmektedir.
Chrome, Safari ve Opera bir alternatif, WebkitPerspecitveOrigin özelliğini desteklemez.
Sözdizimi
perspectiveOrigin özelliğini Dönüş:
object .style.perspectiveOrigin
perspectiveOrigin özelliğini ayarlayın:
object .style.perspectiveOrigin=" Mülkiyet Değerler değer Açıklama x-axis görünüşüdür x-ekseni yerleştirilir tanımlayan burada Olası değerler:
- ayrıldı
- merkez
- sağ
- length
- %
Standart değeri:% 50
y-axis görünüşüdür y ekseni yerleştirilir tanımlayan burada Olası değerler:
- üst
- merkez
- alt
- length
- %
Standart değeri:% 50
initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Teknik detaylar
Varsayılan değer: % 50,% 50 Geri dönüş değeri: bir elemanın perspektif menşeli özelliği temsil eden bir String, CSS Sürüm CSS3
İlgili Sayfalar
JavaScript Stil Nesne: perspective property
CSS referansı: perspective-origin property
<Stil Nesne