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

Определяет, показывать обратную сторону элемента или нет, когда фронтальная сторона не повернута к экрану.

Обратная сторона элемента представляет собой зеркальное отражение этого элемента.

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

CSS синтаксис

backface-visibility: visible | hidden | initial | inherit;

Возможные значения

Значение Описание
visible Значение по умолчанию. Обратная сторона видна.
hidden Обратная сторона скрыта.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Скрываем обратную сторону вращающегося элемента <div>


div {
     -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
     backface-visibility: hidden;
}