backface-visibility-3.html (512B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type='text/css'> 5 body { 6 overflow: hidden; 7 } 8 #test { 9 transform-origin: 0 0; 10 transform: scale(2) translateX(100px); 11 transform-style: preserve-3d; 12 } 13 #test div { 14 position: absolute; 15 display: block; 16 width: 80px; 17 height: 80px; 18 background: red; 19 top:50px; 20 left:50px; 21 22 backface-visibility: hidden; 23 } 24 </style> 25 </head> 26 <body> 27 <div id="test"> 28 <div></div> 29 </div> 30 </body> 31 </html>