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 * /
}
{
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. |
