blob: 4317f812c24991c64f1e7aa516f7519c094f2317 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<!DOCTYPE html>
<html class="reftest-wait">
<style>
@keyframes anim {
to { transform: rotate(360deg); }
}
.document-ready div::after {
display: none;
}
div::after {
content: "";
}
.animation::after {
animation: anim 1s infinite;
}
</style>
<div id="target"></div>
<script>
window.addEventListener('load', () => {
target.classList.add('animation');
const psuedo = document.getAnimations()[0].effect.target;
target.classList.remove('animation');
psuedo.animate([ { transform: 'rotate(360deg)' } ], 1000);
requestAnimationFrame(() => {
document.documentElement.classList.add('document-ready');
requestAnimationFrame(() => {
document.documentElement.classList.remove('reftest-wait');
});
});
});
</script>
</html>
|
