Proprietà CSS di visibilità posteriore
Esempio
Nascondi e mostra la faccia posteriore di due elementi <div> ruotati:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Definizione e utilizzo
La backface-visibility
proprietà definisce se la faccia posteriore di un elemento deve essere visibile o meno di fronte all'utente.
La faccia posteriore di un elemento è un'immagine speculare della faccia anteriore visualizzata.
Questa proprietà è utile quando un elemento viene ruotato. Ti consente di scegliere se l'utente deve vedere o meno la faccia posteriore.
Per comprendere meglio questa proprietà, guarda una demo .
Valore di default: | visibile |
---|---|
Ereditato: | no |
Animabile: | no. Leggi su animabile |
Versione: | CSS3 |
sintassi JavaScript: | oggetto .style.backfaceVisibility="nascosto" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
I numeri seguiti da -webkit- o -moz- specificano la prima versione che ha funzionato con un prefisso.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
Sintassi CSS
backface-visibility: visible|hidden|initial|inherit;
Valori di proprietà
Value | Description | Play it |
---|---|---|
visible | Default value. The backside is visible | |
hidden | The backside is not visible | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Pagine correlate
Riferimento HTML DOM: proprietà backfaceVisibility