1381420-1.html (759B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title></title> 4 <style> 5 @keyframes anim { 6 from { transform: scale(1); } 7 to { transform: rotate(0deg); } 8 } 9 #target { 10 animation: anim 3s infinite; 11 background-color: blue; 12 width: 100px; 13 height: 100px; 14 } 15 </style> 16 <div> 17 <div id="target"></div> 18 <details id="details" open> 19 <summary>Summary</summary> 20 <p>detail description</p> 21 </details> 22 </div> 23 <script> 24 window.addEventListener('load', () => { 25 requestAnimationFrame(() => { 26 details.open = false; 27 SpecialPowers.wrap(window) 28 .synthesizeMouseEvent("mousemove", 100, 100, { clickCount: 1, modifiers: 1 }); 29 requestAnimationFrame(() => { 30 document.documentElement.classList.remove("reftest-wait"); 31 }); 32 }); 33 }); 34 </script>