CSS backface-visibility property

Definition och användning

backface-visibility egenskap definierar om elementet är synligt när det inte är riktat mot skärmen.

Denna egenskap är användbar om du inte vill se baksidan av ett roterande element.

Se också:

HTML DOM referenshandbok:backfaceVisibility egenskap

Exempel

Dölj och visa baksidan av två roterande <div>-element:

#div1 {
  -webkit-backface-visibility: dold; /* Safari */
  backface-visibility: dold;
}
#div2 {
  -webkit-backface-visibility: synlig; /* Safari */
  backface-visibility: synlig;
}

Prova själv

CSS-syntax

backface-visibility: synlig|dold;

Egenskapsvärde

Värde Beskrivning
synlig Baksidan är synlig.
dold Baksidan är osynlig.

Tekniska detaljer

Standardvärde: synlig
Arvsförmåga: nej
Version: CSS3
JavaScript-syntax: object.style.backfaceVisibility="hidden"

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som helt stöder egenskapen.

Tal med -webkit- eller -moz- indikerar den första versionen som använder prefix.

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-