Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS3 Свойство transform-style


CSS Справочник Полный CSS Справочник

Пример

Позволить дочерним элементам сохранять 3D трансформации:

div
{
transform: rotateY(60deg);
transform-style: preserve-3d;
-webkit-transform: rotateY(60deg); /* Safari и Chrome */
-webkit-transform-style: preserve-3d; /* Safari и Chrome */
}

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

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство 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 Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru