1418867.html (749B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <style> 4 @keyframes anim { 5 to { transform: rotate(360deg); } 6 } 7 .document-ready div::after { 8 display: none; 9 } 10 div::after { 11 content: ""; 12 } 13 .animation::after { 14 animation: anim 1s infinite; 15 } 16 </style> 17 <div id="target"></div> 18 <script> 19 window.addEventListener('load', () => { 20 target.classList.add('animation'); 21 const psuedo = document.getAnimations()[0].effect.target; 22 target.classList.remove('animation'); 23 24 psuedo.animate([ { transform: 'rotate(360deg)' } ], 1000); 25 requestAnimationFrame(() => { 26 document.documentElement.classList.add('document-ready'); 27 requestAnimationFrame(() => { 28 document.documentElement.classList.remove('reftest-wait'); 29 }); 30 }); 31 }); 32 </script> 33 </html>