Свойство backface-visibility CSS

Определение и использование

Атрибут backface-visibility определяет видимость элемента, когда он не направлен на экран.

Этот атрибут полезен, если вы не хотите видеть обратную сторону вращаемого элемента.

См. также:

Руководство по HTML DOM:Атрибут backfaceVisibility

Пример

Скрытие и отображение обратной стороны двух вращающихся элементов <div>:

#div1 {
  -webkit-backface-visibility: скрытый; /* Safari */
  backface-visibility: скрытый;
}
#div2 {
  -webkit-backface-visibility: видимый; /* Safari */
  backface-visibility: видимый;
}

Попробуйте сами

CSS синтаксис

backface-visibility: видимый|скрытый;

Значение атрибута

Значение Описание
видимый Обратная сторона видна.
скрытый Обратная сторона не видна.

Технические детали

Значение по умолчанию: видимый
Ингеритация: нет
Версия: CSS3
JavaScript синтаксис: object.style.backfaceVisibility="hidden"

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Числа с префиксами -webkit- или -moz- указывают на первую версию, использующую префикс.

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-