Atrybut transform-style w CSS

Definicja i użycie

Atrybut transform-style określa, jak elementy w przestrzeni 3D są prezentowane.

Komentarz:Ta właściwość musi być używana z: transform współzależne atrybuty.

Zobacz również:

Tutorial CSS3:2D przekształcenia w CSS3

Tutorial CSS3:3D przekształcenia w CSS3

Podręcznik HTML DOM:Atrybut transformStyle

Przykład

Zachowaj 3D przekształcenie przekształconych potomków:

div {
  transform: rotateY(60deg);
  transform-style: preserve-3d;
}

Spróbuj sam

Gramatyka CSS

transform-style: flat|preserve-3d;

Wartość atrybutu

Wartość Opis
flat Podpoczątkowe elementy nie będą zachowywać swojej pozycji 3D.
preserve-3d Podpoczątkowe elementy będą zachowywać swoją pozycję 3D.

Szczegóły techniczne

Domyślna wartość: flat
Inheredowanie: nie
Wersja: CSS3
Gramatyka JavaScript: object.style.transformStyle="preserve-3d"

Obsługa przeglądarki

Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość, a liczby z -webkit- lub -moz- są pierwszą wersją używającą prefiksu.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 11.0 16.0
10.0 -moz-		 9.0
4.0 -webkit-		 23.0
15.0 -webkit-