CSS backface-visibility eigenschap
Voorbeeld
Verberg en toon de achterkant van twee geroteerde <div> elementen:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Definitie en gebruik
De backface-visibility
eigenschap definieert of de achterkant van een element zichtbaar moet zijn wanneer deze naar de gebruiker gericht is.
De achterkant van een element is een spiegelbeeld van de voorkant die wordt weergegeven.
Deze eigenschap is handig wanneer een element wordt geroteerd. Hiermee kunt u kiezen of de gebruiker de achterkant moet zien of niet.
Bekijk een demo om deze eigenschap beter te begrijpen .
Standaardwaarde: | zichtbaar |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS3 |
JavaScript-syntaxis: | object .style.backfaceVisibility="verborgen" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Getallen gevolgd door -webkit- of -moz- specificeren de eerste versie die met een prefix werkte.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
CSS-syntaxis
backface-visibility: visible|hidden|initial|inherit;
Eigendomswaarden
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 |
Gerelateerde pagina's
HTML DOM-referentie: eigenschap backfaceVisibility