mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-26 11:45:37 +00:00
36 lines
823 B
HTML
36 lines
823 B
HTML
|
<!DOCTYPE html>
|
||
|
<html class="reftest-wait">
|
||
|
<head>
|
||
|
<style>
|
||
|
@keyframes anim {
|
||
|
}
|
||
|
|
||
|
#o_0:before {
|
||
|
animation: anim 10s;
|
||
|
}
|
||
|
</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>
|