1157984-1.html (615B)
1 <!DOCTYPE html> 2 <html lang="en-US" reftest-zoom="1.0"> 3 <head> 4 <title>Testcase, bug 1157984</title> 5 <meta charset=UTF-8> 6 <style type="text/css"> 7 8 #outer { 9 position:absolute; 10 width: 60px; 11 height: 60px; 12 perspective-origin: 300px 300px; 13 perspective: 300px; 14 overflow: hidden; 15 } 16 17 #inner { 18 position:absolute; 19 background-color: green; 20 width: 600px; 21 height: 600px; 22 transform-origin: 300px 300px 0px; 23 transform: translateZ(300px) rotateY(-2rad) translateZ(300px); 24 } 25 </style> 26 </head> 27 <body> 28 <div id="outer"> 29 <div id="inner"></div> 30 </div> 31 </body> 32 </html>