retained-dl-animation-on-pseudo.html (686B)
1 <html class="reftest-wait"> 2 <head> 3 <style> 4 body { 5 margin: 0px; 6 } 7 #child { 8 width:100px; 9 height:100px; 10 background-color: green; 11 display: inline-block; 12 } 13 14 #parent::before { 15 content: ''; 16 width: 100px; 17 height: 100px; 18 display: inline-block; 19 } 20 21 @keyframes anim { 22 from, to { background-color: blue; } 23 } 24 25 .anim::before { 26 animation: anim 100s infinite; 27 } 28 </style> 29 </head> 30 <body> 31 <div id="parent"> 32 <div id="child" class="reftest-no-display-list"></div> 33 </div> 34 </body> 35 <script> 36 window.addEventListener("MozReftestInvalidate", () => { 37 document.getElementById("parent").classList.add("anim"); 38 document.documentElement.removeAttribute("class"); 39 }); 40 </script> 41 </html>