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