Mfano wa transform-style katika CSS

Ufafanuzi na matumizi

Transform-style inasababisha kina zilizokaa zingine kuwaanishwa katika 3D.

Maelezo:Hii inahitajika kwa kugawana kina kwa kina transform kutumia kina kwa kina

Tazama pia:

Mafunzo ya KiCSS3:Tukio wa 2D katika CSS3

Mafunzo ya KiCSS3:Tukio wa 3D katika CSS3

Mafunzo ya DOM ya HTML:TransformStyle katika DOM ya HTML

Mivivu

Kuwa na kina vya kina vya kina vitakapoweka uharibifu wa 3D zao:

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

Jifunze kwa kufikia mivivu

Inayotumika kwa KiCSS

transform-style: flat|preserve-3d;

Chaguo cha kina

Wakati Maelezo
flat Viyenye vya kina vitakapoweka viwango vya 3D yao.
preserve-3d Viyenye vya kina vitakapoweka viwango vya 3D yao.

Vivutio ya vifaa vya kimtekezo

Chaguo cha kawaida: flat
Uhusiano wa kumuagiza: no
Mifano ya kina: CSS3
Inayotumika kiingilizi cha JavaScript: object.style.transformStyle="preserve-3d"

Kufaa kwa kina cha kawaida

Mifano ya viwango kwenye tabia inaonyesha kwa sababu ya kwanza kwa kufaa kwa kina hiki.

Mifano ya -webkit- au -moz- ni wakati wa sababu ya kuanzisha kwanza ya kuzia kina.

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-