944291-1.html (583B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style> 5 #d1 { 6 width: 250px; 7 height: 200px; 8 margin: 200px; 9 transform: translateY(10px); 10 } 11 #d1.hidden { 12 transform: translateY(20px); 13 } 14 #d2 { 15 background-color: yellow; 16 position: relative; 17 width: 100px; 18 height: 100px; 19 left: 0; 20 } 21 .hidden > #d2 { 22 left: -100px; 23 } 24 </style> 25 </head> 26 <body> 27 <div id="d1"> 28 <div id="d2"></div> 29 </div> 30 <script> 31 window.addEventListener("MozReftestInvalidate", function() { 32 d1.classList.toggle("hidden"); 33 document.documentElement.removeAttribute("class"); 34 }); 35 </script> 36 </body> 37 </html>