CSS3 transform-style Property

пример

Пусть трансформированные дочерние элементы сохраняют 3D-преобразования:

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

Попробуй сам "

Определение и использование

Свойство преобразования стиля определяет, как вложенные элементы отображаются в 3D-пространстве.

Note: Это свойство должно быть использовано вместе с преобразованием собственности.

Для того, чтобы лучше понять свойства преобразования стиля, просмотреть демонстрацию .

Значение по умолчанию:	flat
Наследование:	no
Animatable:	no. Read about animatable
Версия:	CSS3
Синтаксис JavaScript:	object .style.transformStyle="preserve-3d" Try it

Поддержка браузеров

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Числа следуют -webkit- или -moz- указать первую версию, которая работала с приставкой.

Имущество
transform-style	36,0 12,0 -webkit-	11,0	16,0 10,0 -moz-	9.0 4.0 -webkit-	23,0 15,0 -webkit-

CSS Синтаксис

transform-style: flat|preserve-3d|initial|inherit;

Значения свойств

Стоимость имущества	Описание
квартира	Указывает, что дочерние элементы не будут сохранять свою 3D-позицию. Это по умолчанию
сохранить-3d	Указывает, что дочерние элементы будут сохранять свою позицию 3D
начальная	Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный
унаследовать	Наследует это свойство от своего родительского элемента. Читайте о унаследовать

CSS Справка