ib-split-sibling-opacity.html (564B)
1 <!DOCTYPE html> 2 <html class="reftest-wait reftest-no-flush"> 3 <title>Opacity animation on ib-split-sibling</title> 4 <style> 5 @keyframes anim { 6 from { opacity: 0; } 7 to { opacity: 1; } 8 } 9 </style> 10 <span id="animating">A <span style="display:block"></span> C</span> 11 <script> 12 window.addEventListener("load", () => { 13 animating.style.animation = 'anim 100s step-end reverse'; 14 window.addEventListener("MozAfterPaint", () => { 15 requestAnimationFrame(() => { 16 document.documentElement.classList.remove('reftest-wait'); 17 }); 18 }, {once: true}); 19 }); 20 </script>