1330190-2.html (838B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style> 5 @keyframes anim { 6 } 7 8 #o_0:before { 9 animation: anim 10s; 10 content: ""; 11 } 12 </style> 13 <meta charset="UTF-8"> 14 <script> 15 function boom(){ 16 function getPseudoElement() { 17 var anim = document.getAnimations()[0]; 18 anim.cancel(); 19 return anim.effect.target; 20 } 21 22 var target = getPseudoElement(); 23 target.animate([{"perspective": "262ex"}, {}], {duration: 1070, iterationStart: 68, iterationComposite: "accumulate"}); 24 target.animate([{"color": "white", "flex": "inherit"}, {"color": "red", "flex": "66% "}], 3439); 25 target.animate([{"font": "icon"}], 1849); 26 setTimeout(function() { 27 document.documentElement.classList.remove("reftest-wait"); 28 }, 500); 29 } 30 document.addEventListener("DOMContentLoaded", boom); 31 </script> 32 </head> 33 <body> 34 <div id=o_0></div> 35 </body> 36 </html>