|
CSS3 Свойство transform-style
 Полный CSS Справочник
Пример
Позволить дочерним элементам сохранять 3D трансформации:
div
{
transform: rotateY(60deg);
transform-style: preserve-3d;
-webkit-transform: rotateY(60deg); /* Safari и Chrome */
-webkit-transform-style: preserve-3d; /* Safari и Chrome */
} |
Попробуйте сами » |
Поддержка Браузерами
Свойство transform-style не поддерживается ни одним браузером.
Chrome и Safari поддерживают альтернативное свойство -webkit-transform-style.
Определение и ИспользованиеСвойство transform-style указывает, как вложенные элементы должны отображаться в 3D
пространстве.
Замечание: Это свойство должно использоваться вместе со свойством
transform.
| Значение по умолчанию: |
flat |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| JavaScript синтаксис: |
объект.style.transformStyle="preserve-3d" |
Синтаксис
| transform-style: flat|preserve-3d; |
| Значение Свойства |
Описание |
| flat |
Дочерние элементы НЕ будут сохранять свое
3D положение |
| preserve-3d |
Дочерние элементы будут сохранять свое 3D положение |
Полный CSS Справочник
|
