backface-visibility

Пример

Скрыть и показать обратную сторону двух повернутых элементов <div>:

#div1 {
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}

#div2 {
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}

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

Определение backface-visibility

CSS свойство backface-visibility определяет, должна ли быть видна задняя сторона элемента, обращенная к пользователю, или нет.

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

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

Чтобы лучше понять это свойство,посмотрите демо.

Значение по умолчанию:	visible
Унаследовано:	no
Анимируемый:	no. Читайте о animatable
Версия:	CSS3
JavaScript синтаксис:	object.style.backfaceVisibility="hidden" Попробуй

Поддержка backface-visibility

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

Цифры, за которыми следуют -webkit- или -moz - указывают первую версию, которая работала с префиксом.

Свойство
backface-visibility	36.0 12.0 -webkit-	10.0	16.0 10.0 -moz-	4.0 -webkit-	23.0 15.0 -webkit-

Синтаксис backface-visibility

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

Значения backface-visibility

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