Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<!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>