Beispiel
Blenden Sie die Rückseite eines gedreht <div> Element:
div
{
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
Versuch es selber " Definition und Verwendung
Die Backface-Sichtbarkeit Eigenschaft definiert, ob ein Element sichtbar sein sollen, wenn sie nicht den Bildschirm nach.
Diese Eigenschaft ist nützlich, wenn ein Element gedreht wird, und Sie wollen nicht ihre Rückseite zu sehen.
Um besser zu verstehen , diese Eigenschaft, sehen eine Demo .
| Standardwert: | visible |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.backfaceVisibility="hidden" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von -webkit- oder -moz- die erste Version an, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| backface-visibility | 36.0 12.0 -webkit- | 10.0 | 16.0 10,0 -moz- | 9.0 4.0 -webkit- | 23.0 15,0 -webkit- |
CSS-Syntax
backface-visibility: visible|hidden|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| visible | Standardwert. Die Rückseite ist sichtbar | Spiel es " |
| hidden | Die Rückseite ist nicht sichtbar | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
HTML - DOM - Referenz: backfaceVisibility property