CSS transform-style 属性

ορισμός και χρήση

Το χαρακτηριστικό transform-style καθορίζει πώς θα παρουσιάζονται τα ενσωματωμένα στοιχεία στον 3D χώρο.

σχόλια:Αυτό το χαρακτηριστικό πρέπει να χρησιμοποιηθεί με: transform χρησιμοποιούνται μαζί με τα χαρακτηριστικά.

πρόσθετα:

εκμάθηση CSS3:CSS3 2D Μετατροπές

εκμάθηση CSS3:CSS3 3D Μετατροπές

εγχειρίδιο HTML DOM:τελεστής transformStyle

πρότυπο

Διατηρήστε τη 3D μετατροπή των μετατρεπόμενων υποσυστατικών:

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

δοκιμάστε το προσωπικά

γλώσσα CSS

transform-style: flats|preserve-3d;

τιμή χαρακτηριστικού

τιμή περιγραφή
flats Τα υποσυστατικά δεν θα διατηρήσουν τη 3D θέση τους.
preserve-3d Τα υποσυστατικά θα διατηρήσουν τη 3D θέση τους.

τεχνικά λεπτομέρειες

προεπιλεγμένη τιμή: flats
κληρονομικότητα: όχι
έκδοση: CSS3
γλώσσα JavaScript: object.style.transformStyle="preserve-3d"

υποστήριξη προγράμματος περιήγησης

Τα αριθμήματα στην τάβληση σηματοδοτούν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

Τα αριθμήματα στην τάβληση δείχνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

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-