Atribut transform-style CSS

Definisi dan penggunaan

Atribut transform-style menentukan bagaimana elemen yang disisipkan dipaparkan di ruang 3D.

Komentar:Atribut ini harus digunakan bersama-sama dengan transform digunakan bersama-sama dengan atribut lain.

Lihat pula:

Panduan CSS3:Transformasi 2D CSS3

Panduan CSS3:Transformasi 3D CSS3

Panduan HTML DOM:Atribut transformStyle

Contoh

Membuat anak elemen yang diubah mempertahankan transformasi 3D-nya:

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

Coba sendiri

Syntaks CSS

transform-style: flat|preserve-3d;

Nilai atribut

Nilai Deskripsi
flat Anak elemen akan tidak mempertahankan posisi 3D-nya.
preserve-3d Anak elemen akan mempertahankan posisi 3D-nya.

Detil teknis

Nilai default: flat
Inheritsi: tidak
Versi: CSS3
Syntaks JavaScript: objek.style.transformStyle="preserve-3d"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.

Angka yang diisi dengan -webkit- atau -moz- menunjukkan versi pertama yang menggunakan prefix.

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-