CSS - Propriété transform-style
Description de la propriété transform-style.
Définit comment se comportent les enfants de l'élément lorsque ce dernier subit une transformation 3d.
Plus précisément transform-style définit si les enfants de l'élément ont leur propre espace 3d ou bien,
à l'inverse, s'ils sont toujours dans le même plan que le parent.
Syntaxes pour transform-style.
- transform-style: flat;
Valeur par défaut. Les éléments enfants de l'élément animé n'ont pas d'espace 3D qui leur serait propre.
- transform-style: preserve-3d;
Les éléments enfants de l'élément animé ont leur propre espace 3D, ce qui permet des restitutions plus réalistes des effets 3d.
- transform-style:
initial;La valeur initiale est
flat. -
Reportez-vous à la description générale de ces valeurs.
Simulateur.
transform-style :
Voir aussi...
Transformations géométriques - Propriétés.
backface-visibility: Visibilité de la face arrière de l'élément (pendant sa rotation).perspective: Effet de perspective appliqué à un élément ayant subi une transformation 3D.perspective-origin: Position de l'observateur dans le cas d'une déformation 3D avec perspective.transform: Applique une transformation géométrique.transform-origin: Point d'origine pour certaines transformations.
Transformations géométriques - Fonctions.
matrix(): Applique une transformation composite à un élément (translations, rotations...)matrix3d(): Applique une série de transformations 3D à un élément.perspective(): Définit la hauteur de l'observateur dans le cas d'une transformation 3D.rotate(): Définit une rotation de l'élément en 2D (dans le plan de l'écran).rotate3d(): Définit une rotation 3D de l'élément autour d'un axe quelconque en 3D.rotateX(): Définit une rotation de l'élément autour de l'axe X (en 3D),rotateY(): Définit une rotation 3D de l'élément autour de l'axe Y.rotateZ(): Définit une rotation de l'élément autour de l'axe Z.scale(): Définit un agrandissement ou une réduction de l'élément.