СSS Свойство backface-visibility
Пример
Скрыть и показать заднюю грань двух повернутых элементов <div>:
#div1
{
backface-visibility: hidden;
}
#div2
{
backface-visibility: visible;
}
Редактор кода »
Определение и использование
Свойство backface-visibility определяет, должна ли задняя грань элемента быть видна при обращении к пользователю.
Задняя грань элемента является зеркальным отражением отображаемой передней грани.
Это свойство полезно при повороте элемента. Оно позволяет выбрать, должен ли пользователь видеть заднюю сторону или нет.
Чтобы лучше понять это свойство, просмотр демо-версии.
| Значение по умолчанию: | visible |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет. Прочитать о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.backfaceVisibility="hidden" Редактор кода |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следуют -webkit- или -moz- указывают первую версию, которая работает с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
CSS Синтаксис
backface-visibility: visible|hidden|initial|inherit;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| visible | Значение по умолчанию. Задняя сторона видна | Воспроизвести » |
| hidden | Задняя сторона не видна | Воспроизвести » |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитать о initial | |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
HTML DOM Справочник: Свойство backfaceVisibility
