Proprietà backface-visibility CSS

Definizione e uso

L'attributo backface-visibility definisce se l'elemento è visibile quando non è rivolto verso lo schermo.

Questo attributo è molto utile se si desidera che l'elemento ruotato non mostri la sua parte posteriore.

Vedi anche:

Manuale di riferimento HTML DOM:Proprietà backfaceVisibility

Esempio

nascondere e mostrare la parte posteriore di due elementi <div> ruotati:

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

Prova tu stesso

Sintassi CSS

backface-visibility: visible|hidden;

Valore dell'attributo

Valore Descrizione
visible La parte posteriore è visibile.
hidden La parte posteriore è invisibile.

Dettagli tecnici

Valore predefinito: visible
Inheritabilità: no
Versione: CSS3
Sintassi JavaScript: object.style.backfaceVisibility="hidden"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Versioni numeriche con -webkit- o -moz- rappresentano la prima versione con prefisso utilizzata.

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-