Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-animations/crashtests/add-pseudo-while-animating-001.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html class="test-wait">
<head>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<style>
@keyframes a {
0% {
border-radius: 1px;
}
}
div {
animation-name: a;
animation-duration: 3s;
}
</style>
<script>
function addSheet(text)
{
var sheet = document.createElement("style");
sheet.appendChild(document.createTextNode(text));
document.head.appendChild(sheet);
}
function boom()
{
requestAnimationFrame(() => { requestAnimationFrame(() => {
addSheet("div:after { content: 'Z'; }");
document.documentElement.classList.remove("test-wait");
}); });
}
window.addEventListener("load", boom, false);
</script>
</head>
<body><div></div></body>
</html>