Πρότυπο Backface Visibility για το CSS

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

Η ιδιότητα backface-visibility καθορίζει αν είναι ορατή η πίσω όψη του στοιχείου όταν δεν είναι κατευθυνόμενο προς την οθόνη.

Η ιδιότητα αυτή είναι πολύ χρήσιμη όταν δεν θέλετε να δείτε την πίσω όψη του στοιχείου που γυρίζετε.

Δείτε επίσης:

Εγχειρίδιο HTML DOMΑιτίες backfaceVisibility

Παράδειγμα

Απόκρυψη και εμφάνιση της πίσω όψης των δύο γυροσκοπικών <div> στοιχείων:

#div1 {
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
#div2 {
  -webkit-backface-visibility: visible; /* Safari */
  backface-visibility: visible;
}

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

Γλώσσα γραφής CSS

backface-visibility: visible|hidden;

Τιμή ιδιότητας

Τιμή Περιγραφή
visible Η πίσω όψη είναι ορατή.
hidden Η πίσω όψη είναι μη ορατή.

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

Προεπιλεγμένη τιμή: visible
Αναπαράσταση: no
Έκδοση: CSS3
Γλώσσα γραφής JavaScript: object.style.backfaceVisibility="hidden"

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

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

Τα αριθμοί με πρόθεμα -webkit- ή -moz- δείχνουν την πρώτη έκδοση που χρησιμοποιείται με πρόθεμα.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 4.0 -webkit- 23.0
15.0 -webkit-