CSS backface-visibility Eigenschap

Definitie en gebruik

De backface-visibility eigenschap definieert of de elementen zichtbaar zijn wanneer ze niet naar het scherm gericht zijn.

Deze eigenschap is nuttig als je de achterkant van een roterend element niet wilt zien.

Zie ook:

HTML DOM referentiehandleiding:backfaceVisibility eigenschap

Voorbeeld

Verberg en toon de achterkant van twee draaiende <div>-elementen:

#div1 {
  -webkit-backface-visibility: verborgen; /* Safari */
  backface-visibility: verborgen;
}
#div2 {
  -webkit-backface-visibility: zichtbaar; /* Safari */
  backface-visibility: zichtbaar;
}

Probeer het zelf uit

CSS syntaxis

backface-visibility: zichtbaar|verborgen;

Eigenschapswaarde

Waarde Beschrijving
zichtbaar De achterkant is zichtbaar.
verborgen De achterkant is niet zichtbaar.

Technische details

Standaardwaarde: zichtbaar
Inheritantie: nee
Versie: CSS3
JavaScript syntaxis: object.style.backfaceVisibility="hidden"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Nummers met -webkit- of -moz- als voorvoegsel geven de eerste versie aan die de prefix gebruikt.

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-