perspective-overflow-1.html (712B)
1 <!DOCTYPE html> 2 <!-- Use reftest-snapshot-all as a workaround for bug 1485705 --> 3 <html class="reftest-wait reftest-snapshot-all"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Testcase for bug 1483659</title> 7 <style> 8 #container { 9 position: absolute; 10 top: 400px; 11 left: 200px; 12 perspective: 100px; 13 } 14 15 #content { 16 width: 300px; 17 height: 300px; 18 background-color: green; 19 } 20 </style> 21 </head> 22 <body> 23 <div id="container"> 24 <div id="content"></div> 25 </div> 26 <script> 27 function doTest() { 28 var e = document.getElementById("content"); 29 e.style.transform = "rotateY(60deg)"; 30 31 document.documentElement.classList.remove("reftest-wait"); 32 } 33 window.addEventListener("MozReftestInvalidate", doTest); 34 </script> 35 </body> 36 </html>