Atrybut backface-visibility w CSS

Definicja i zastosowanie

Atrybut backface-visibility określa, czy element jest widoczny, gdy nie jest zwrócony do ekranu.

Ten atrybut jest bardzo przydatny, jeśli nie chcesz widzieć tylnych stron obracających się elementów.

Zobacz również:

Podręcznik HTML DOMAtrybut backfaceVisibility

Przykład

Ukrywanie i wyświetlanie tylnych stron dwóch obracających się elementów <div>:

#div1 {
  -webkit-backface-visibility: ukryty; /* Safari */
  backface-visibility: ukryty;
}
#div2 {
  -webkit-backface-visibility: widoczny; /* Safari */
  backface-visibility: widoczny;
}

Spróbuj sam

Gramatyka CSS

backface-visibility: widoczny|ukryty;

Wartość atrybutu

Wartość Opis
widoczny Strona tylna jest widoczna.
ukryty Strona tylna jest niewidoczna.

Szczegóły techniczne

Domyślna wartość: widoczny
Inheredność: nie
Wersja: CSS3
Gramatyka JavaScript: object.style.backfaceVisibility="hidden"

Wsparcie przeglądarek

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z -webkit- lub -moz- oznaczają pierwszą wersję używającą prefiksu.

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-