CSS transform-style özelliği

Tanım ve Kullanım

transform-style özelliği, içe gömülen elemanların 3B uzayda nasıl sunulacağını belirler.

Yorum:Bu özellik, aşağıdaki özellikle birlikte kullanılmalıdır: transform özellikler birlikte kullanılır.

Ayrıca Bakınız:

CSS3 Eğitim Seti:CSS3 2D dönüşüm

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

HTML DOM Referans Kılavuzu:transformStyle Özelliği

Örnek

Çevrilen alt elemanların 3D dönüşümünü koru:

div {
  transform: rotateY(60deg);
  transform-style: preserve-3d;
}

Kendiniz Deneyin

CSS Dilbilgisi

transform-style: düz|preserve-3d;

Özellik Değeri

Değer Açıklama
düz Alt elemanlar, 3D konumunu korumaz.
preserve-3d Alt elemanlar, 3D konumunu korur.

Teknik Ayrıntılar

Öntanımlı Değer: düz
Devralabilirlik: hayır
Sürüm: CSS3
JavaScript Dilbilgisi: object.style.transformStyle="preserve-3d"

Tarayıcı Desteği

Tablo, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtir.

Bu sayısal değerler, -webkit- veya -moz- ön ekli olan ilk sürümü kullanımı gösterir.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 11.0 16.0
10.0 -moz-		 9.0
4.0 -webkit-		 23.0
15.0 -webkit-