preserve3d-2d.html (625B)
1 <html> 2 <head> 3 <style type="text/css"> 4 #grandparent { 5 width: 100px; 6 height: 100px; 7 transform-style: preserve-3d; 8 transform: translatex(200%); 9 } 10 #parent { 11 transform-style: preserve-3d; 12 } 13 14 #child { 15 width: 100px; 16 height: 100px; 17 background-color: red; 18 transform: translatex(-200px); 19 } 20 21 </style> 22 </head> 23 <body> 24 <div id="grandparent"> 25 <div id="parent"> 26 <div id="child"></div> 27 </div> 28 </div> 29 </body> 30 </html>