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;
}