CSS transform-style egenskap

Definition och användning

transform-style egenskapen specificerar hur inbäddade element presenteras i 3D-rummet.

Kommentar:Denna egenskap måste användas tillsammans med transform egenskaper används tillsammans.

Se också:

CSS3 kurs:CSS3 2D-omvandling

CSS3 kurs:CSS3 3D-omvandling

HTML DOM referenshandbok:transformStyle egenskap

Exempel

Låt de konverterade underliggande elementen behålla sin 3D-omvandling:

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

Prova själv

CSS syntax

transform-style: flat|preserve-3d;

Egenskapsvärde

Värde Beskrivning
flat Underliggande element kommer inte att behålla sin 3D-position.
preserve-3d Underliggande element kommer att behålla sin 3D-position.

Tekniska detaljer

Standardvärde: flat
Arv: nej
Version: CSS3
JavaScript syntax: object.style.transformStyle="preserve-3d"

Webbläsarstöd

Siffrorna i tabellen anger den första webbläsarversionen som fullständigt stöder egenskapen.

Siffror med -webkit- eller -moz- som prefix indikerar den första versionen som använder prefix.

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-