Свойство CSS backface-visibility
Пример
Скрыть и показать обратную сторону двух повернутых элементов <div>:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Определение и использование
Свойство backface-visibility
определяет, должна ли быть видна обратная сторона элемента, если смотреть на пользователя.
Задняя сторона элемента является зеркальным отражением отображаемой лицевой стороны.
Это свойство полезно, когда элемент вращается. Это позволяет вам выбрать, должен ли пользователь видеть обратную сторону или нет.
Чтобы лучше понять это свойство, просмотрите демо .
Значение по умолчанию: | видимый |
---|---|
Унаследовано: | нет |
Анимация: | нет. Читать об анимации |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.backfaceVisibility = "скрытый" |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Цифры, за которыми следует -webkit- или -moz-, указывают первую версию, которая работала с префиксом.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
Синтаксис CSS
backface-visibility: visible|hidden|initial|inherit;
Значения свойств
Value | Description | Play it |
---|---|---|
visible | Default value. The backside is visible | |
hidden | The backside is not visible | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Связанные страницы
Справочник по HTML DOM: свойство backfaceVisibility