Attribut transform-style CSS

Définition et utilisation

L'attribut transform-style détermine comment les éléments imbriqués sont représentés dans l'espace 3D.

Remarque :Cette propriété doit être utilisée avec : transform attributs utilisés ensemble.

Voir également :

Tutoriel CSS3 :Transformation 2D CSS3

Tutoriel CSS3 :Transformation 3D CSS3

Manuel de référence HTML DOM :Attribut transformStyle

Exemple

Faire conserver la transformation 3D des éléments convertis :

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

Essayez-le vous-même

Syntaxe CSS

transform-style: plat|preserve-3d;

Valeur de l'attribut

Valeur Description
plat Les éléments enfants ne conserveront pas leur position 3D.
preserve-3d Les éléments enfants conserveront leur position 3D.

Détails techniques

Valeur par défaut : plat
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.transformStyle="preserve-3d"

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété en totalité.

Les nombres avec -webkit- ou -moz- indiquent la première version utilisant le préfixe.

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-