CSS transform-style eigenschap

definitie en gebruik

De transform-style eigenschap bepaalt hoe geneste elementen in 3D-ruimte worden weergegeven.

opmerking:Deze eigenschap moet samen gebruikt worden met transform eigenschappen samen gebruiken.

Zie ook:

CSS3 handleiding:CSS3 2D transformatie

CSS3 handleiding:CSS3 3D transformatie

HTML DOM referentiehandleiding:transformStyle eigenschap

voorbeeld

Laat de omgekeerde elementen hun 3D-conversie behouden:

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

probeer het zelf

CSS syntaxis

transform-style: flat|preserve-3d;

eigenschapswaarde

waarde beschrijving
vlak onderliggende elementen behouden hun 3D-positie niet.
preserve-3d onderliggende elementen behouden hun 3D-positie.

technische details

standaardwaarde: vlak
erfelijkheid: nee
versie: CSS3
JavaScript syntaxis: object.style.transformStyle="preserve-3d"

browserondersteuning

De getallen in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Getallen met -webkit- of -moz- voorafgaand geven de eerste versie van het gebruik van de 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-