CSS3 mengubah gaya properti
contoh
Biarkan elemen anak ke konversi pemesanan 3D:
div
{
transform: rotateY (60deg);
mengubah gaya: melestarikan-3d;
-webkit-transform: rotateY (60deg); / * Safari dan Chrome * /
-webkit-transform-style: melestarikan-3d; / * Safari dan Chrome * /
}
{
transform: rotateY (60deg);
mengubah gaya: melestarikan-3d;
-webkit-transform: rotateY (60deg); / * Safari dan Chrome * /
-webkit-transform-style: melestarikan-3d; / * Safari dan Chrome * /
}
Coba »
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.
| 属性 | |||||
|---|---|---|---|---|---|
| transform-style | 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Definisi atribut dan petunjuk
Transformasi - atribut style untuk menentukan bagaimana elemen bersarang tersebut diberikan di ruang tiga dimensi.
Catatan: Properti ini harus terlebih dahulu mengubah properti.
pengguna Safari / Chrome: Untuk lebih memahami transformasi - properti gaya, lihat contoh menunjukkan .
| default: | flat |
|---|---|
| warisan: | tidak |
| versi: | CSS3 |
| sintaks JavaScript: | keberatan .style.transformStyle = "melestarikan-3d" |
tatabahasa
mengubah gaya: datar | melestarikan-3d;
| nilai | deskripsi |
|---|---|
| flat | elemen anak tidak akan mempertahankan posisi 3D. |
| melestarikan-3d | elemen anak akan mempertahankan posisi 3D. |
