CSS backface-visibility- Eigenschaft
Beispiel
Ein- und Ausblenden der Rückseite von zwei gedrehten <div>-Elementen:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Definition und Verwendung
Die backface-visibility
Eigenschaft definiert, ob die Rückseite eines Elements sichtbar sein soll, wenn es dem Benutzer zugewandt ist.
Die Rückseite eines Elements ist ein Spiegelbild der angezeigten Vorderseite.
Diese Eigenschaft ist nützlich, wenn ein Element gedreht wird. Sie können wählen, ob der Benutzer die Rückseite sehen soll oder nicht.
Um diese Eigenschaft besser zu verstehen, sehen Sie sich eine Demo an .
Standardwert: | sichtbar |
---|---|
Vererbt: | Nein |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.backfaceVisibility="versteckt" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von -webkit- oder -moz- geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
CSS-Syntax
backface-visibility: visible|hidden|initial|inherit;
Eigenschaftswerte
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 |
Verwandte Seiten
HTML-DOM-Referenz: backfaceVisibility-Eigenschaft