1207326-1.html (756B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Testcase for bug 1207326</title> 5 <style> 6 .wrap1 { 7 position: absolute; 8 width: 600px; 9 height: 600px; 10 transform: perspective(500px) rotateY(6deg) scale(0.7, 0.7); 11 overflow: hidden; 12 } 13 .wrap2 { 14 position: relative; 15 margin-top: -300px; 16 margin-left: -300px; 17 } 18 .inner { 19 position: relative; 20 height: 100%; 21 background-color: purple; 22 will-change: transform; 23 } 24 .main { 25 overflow: hidden; 26 height: 100px; 27 width: 100px; 28 } 29 </style> 30 </head> 31 <body> 32 <div class="main"> 33 <div class="wrap2"> 34 <div class="wrap1"> 35 <div class="inner"> 36 </div> 37 </div> 38 </div> 39 </div> 40 </body> 41 </html>