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