CSS3 trasformare struttura in stile
Esempi
Lasciate che gli elementi figlio in conversione prenotazioni 3D:
div
{
trasformare: RotateY (60deg);
trasformare in stile: preserve-3d;
-webkit-transform: RotateY (60deg); / * Safari e Chrome * /
-webkit-transform-style: preserve-3d; / * Safari e Chrome * /
}
{
trasformare: RotateY (60deg);
trasformare in stile: preserve-3d;
-webkit-transform: RotateY (60deg); / * Safari e Chrome * /
-webkit-transform-style: preserve-3d; / * Safari e Chrome * /
}
Prova »
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- fa a sostegno del prefisso attribuiscono primo numero di versione del browser.
属性 | |||||
---|---|---|---|---|---|
transform-style | 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Attributo definizioni e le istruzioni
trasformare - attributo di stile per specificare come gli elementi annidati siano resi in uno spazio tridimensionale.
Nota: Questa proprietà deve prima trasformare proprietà.
gli utenti Safari / Chrome: Per una migliore comprensione trasformano - proprietà di stile, vedere gli esempi dimostrano .
predefinito: | piatto |
---|---|
ereditarietà: | no |
versione: | CSS3 |
sintassi JavaScript: | oggetto .style.transformStyle = "preservare-3d" |
grammatica
trasformare in stile: piatto | preservare-3D;
valore | descrizione |
---|---|
piatto | Gli elementi figli non manterrà la sua posizione 3D. |
preserve-3d | Gli elementi figli manterrà la sua posizione 3D. |