animation-initially-out-of-view-with-delay.html (480B)
1 <!DOCTYPE html> 2 <html class="reftest-wait reftest-no-flush"> 3 <title>Bug 1383239</title> 4 <style> 5 div { 6 position: absolute; 7 left: -9999px; 8 background: orange; 9 width: 20px; 10 height: 20px; 11 animation: anim 100s 0.1s infinite; 12 } 13 14 @keyframes anim { 15 0% { 16 left: 0px; 17 } 18 100% { 19 left: 0px; 20 } 21 } 22 </style> 23 <div></div> 24 <script> 25 document.querySelector('div').addEventListener('animationstart', ()=> { 26 document.documentElement.classList.remove('reftest-wait'); 27 }); 28 </script> 29 </html>