CSS Backface-visibility Property
Przykład
Ukryj i pokaż tylną powierzchnię dwóch obróconych elementów <div>:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Definicja i użycie
Właściwość backface-visibility
określa, czy tylna powierzchnia elementu powinna być widoczna, gdy jest zwrócona do użytkownika.
Tylna powierzchnia elementu jest lustrzanym odbiciem wyświetlanej przedniej powierzchni.
Ta właściwość jest przydatna, gdy element jest obracany. Pozwala wybrać, czy użytkownik powinien widzieć tylną ścianę, czy nie.
Aby lepiej zrozumieć tę właściwość, obejrzyj demo .
Domyślna wartość: | widoczny |
---|---|
Dziedziczny: | nie |
Animowalny: | nie. Przeczytaj o animacji |
Wersja: | CSS3 |
Składnia JavaScript: | obiekt .style.backfaceVisibility="ukryty" |
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Liczby, po których następuje -webkit- lub -moz- określają pierwszą wersję, która działała z przedrostkiem.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
Składnia CSS
backface-visibility: visible|hidden|initial|inherit;
Wartości nieruchomości
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 |
Powiązane strony
Dokumentacja HTML DOM: właściwość backfaceVisibility