opacity-preserve3d-5.html (684B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style> 5 .outer { 6 transform-style: preserve-3d; 7 width: 200px; 8 height: 200px; 9 } 10 .inner { 11 top: 50%; 12 transform: translateY(-50%); 13 background-color: green; 14 position:relative; 15 width: 200px; 16 height: 200px; 17 } 18 </style> 19 </head> 20 <body> 21 22 <div id="outer" class="outer"> 23 <div class="inner"> 24 </div> 25 </div> 26 <script> 27 function doTest() { 28 document.getElementById("outer").style.opacity = 0.7; 29 document.documentElement.removeAttribute("class"); 30 } 31 32 window.addEventListener("MozReftestInvalidate", doTest, false); 33 </script> 34 </body> 35 </html>