Le meilleur didacticiel CSS3 transformer style propriété en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,support du navigateur,Définition des attributs et des instructions,grammaire,

CSS3 transformer style propriété

Exemples

Que les éléments enfants dans la conversion des réserves en 3D:

div
{
transformer: rotateY (60deg);
transformer style: preserve-3d;
-webkit-transform: rotateY (60deg); / * Safari et Chrome * /
-webkit-transform-style: preserve-3d; / * Safari et Chrome * /
}

Essayez »

support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.

Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.

属性
transform-style 36.0
12.0 -webkit-
11.0 16.0
10.0 -moz-
9.0
4.0 -webkit-
23.0
15.0 -webkit-

Définition des attributs et des instructions

transformer - attribut de style pour spécifier comment les éléments imbriqués sont rendus dans l'espace en trois dimensions.

Remarque: Cette propriété doit d' abord transformer la propriété.

utilisateurs Safari / Chrome: Pour une meilleure compréhension de transformer - propriété de style, voir les exemples démontrent .

Par défaut: plat
Héritage: aucun
Version: CSS3
Syntaxe JavaScript: objet .style.transformStyle = "preserve-3d"


grammaire

transformer style: plat | preserve-3d;

valeur description
plat Les éléments enfants ne seront pas conserver sa position 3D.
preserve-3d Les éléments enfants vont conserver sa position 3D.
CSS3 transformer style propriété
10/30