<!DOCTYPE html> <html class="reftest-wait"> <head> <style> @keyframes anim { } #o_0:before { animation: anim 10s; content: ""; } </style> <meta charset="UTF-8"> <script> function boom(){ function getPseudoElement() { var anim = document.getAnimations()[0]; anim.cancel(); return anim.effect.target; } var target = getPseudoElement(); target.animate([{"perspective": "262ex"}, {}], {duration: 1070, iterationStart: 68, iterationComposite: "accumulate"}); target.animate([{"color": "white", "flex": "inherit"}, {"color": "red", "flex": "66% "}], 3439); target.animate([{"font": "icon"}], 1849); setTimeout(function() { document.documentElement.classList.remove("reftest-wait"); }, 500); } document.addEventListener("DOMContentLoaded", boom); </script> </head> <body> <div id=o_0></div> </body> </html>