1035611-1.html (582B)
1 <!DOCTYPE html> 2 <html lang="en-US" reftest-zoom="1.0"> 3 <head> 4 <title>Testcase, bug 1035611</title> 5 <meta charset=UTF-8> 6 <style type="text/css"> 7 8 #outer1 { 9 width: 500px; 10 height: 100px; 11 overflow:hidden; 12 background: blue; 13 } 14 15 #outer2 { 16 width: 250px; 17 height: 100px; 18 perspective: 125px; 19 } 20 21 #inner { 22 transform-origin: 0px 0px 70px; 23 transform: rotate3d(0, 1, 0, -54deg); 24 width: 128px; 25 height: 128px; 26 background: orange; 27 } 28 </style> 29 </head> 30 <body> 31 <div id="outer1"> 32 <div id="outer2"> 33 <div id="inner"></div> 34 </div> 35 </div> 36 37 </body> 38 </html>