Свойство -webkit-backface-visibility определяет будет ли видно контент элемента, который с помощью 3d трансформаций отвернут лицом от пользователя.
Допустимые значения
- visible — контент элемента виден даже тогда, когда элемент отвернут лицом от пользователя
- hidden — если элемент отвернут лицом от пользователя, контент этого элемента не виден
| Значение по умолчанию | visible |
|---|---|
| Применимо | к блочным и строчным элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
CSS
div {
width:100px;
height:50px;
-webkit-transform:rotate3d(0, 0, -1, 170deg) skewX(15deg);
-webkit-backface-visibility:hidden;
}
Заметки
В спецификации CSS3 есть аналогичное свойство backface-visibility.
По теме
- Вендорные префиксы. Что это?
- CSS свойство transform
- CSS свойство -moz-transform
- CSS свойство -o-transform
- CSS свойство -webkit-transform
- CSS свойство transform-origin
- CSS свойство -o-transform-origin
- CSS свойство -moz-transform-origin
- CSS свойство -webkit-transform-origin
- CSS свойство -webkit-transform-origin-x
- CSS свойство -webkit-transform-origin-y
- CSS свойство -webkit-transform-origin-z
- CSS свойство perspective
- CSS свойство -webkit-perspective
- CSS свойство perspective-origin
- CSS свойство -webkit-perspective-origin
- CSS свойство transform-style
- CSS свойство -webkit-transform-style
Показать комментарии