1111753-1.html (620B)
1 <!DOCTYPE HTML> 2 <html class="reftest-wait"> 3 <head> 4 <style> 5 #d2 { 6 opacity:0; 7 transition:all 0.2s; 8 position:absolute; 9 } 10 #d2.active { 11 opacity:1; 12 } 13 #image { 14 position:fixed; 15 width:100%; 16 height:100%; 17 background:blue; 18 left:0; 19 top:0; 20 } 21 </style> 22 </head> 23 <body> 24 <div id="d2" class="active"> 25 <div id="image"></div> 26 <h2>ABCDEFG</h2> 27 </div> 28 <script> 29 function doTest() { 30 d2.addEventListener("transitionend", function() { 31 document.documentElement.removeAttribute("class"); 32 }); 33 d2.classList.toggle("active"); 34 } 35 window.addEventListener("MozReftestInvalidate", doTest); 36 </script> 37 </body> 38 </html>