layout/reftests/transform-3d/opacity-preserve3d-5.html

   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>
  36