983084-2.html (857B)
1 <html class="reftest-wait"> 2 <head> 3 <style> 4 div { 5 transition: opacity 0.1s; 6 } 7 </style> 8 <script> 9 function showItem() { 10 var el = document.getElementById("two"); 11 getComputedStyle(el).opacity; // flush styles 12 el.style.opacity = 0.99; 13 document.addEventListener("transitionend", function() { 14 document.documentElement.removeAttribute("class"); 15 }); 16 } 17 window.addEventListener("MozReftestInvalidate", showItem); 18 </script> 19 </head> 20 <body> 21 <div id="one" style="width:50px; height:50px; background-color:blue; position:absolute"></div> 22 <div id="two" style="width:500px; height:500px; background-color:red; opacity:0.5"></div> 23 </body> 24 </html>