blob: b7bd80b5e4e617b6786f558e16201147b6b2a428 (
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
|
<!DOCTYPE html>
<html class="reftest-wait">
<style>
@keyframes anim {
/*
* We need to use different transform functions to produce
* UpdatePostTransformOverflow change hint, also these functions have to be
* the same matrix to being the same position while running reftest.
*/
from {
transform: rotate(0deg);
}
to {
transform: scale(1);
}
}
</style>
<table id="test" style="width: 100px; height: 100px; animation: anim 1s infinite;">
<td style="transform: rotateZ(45deg); background-color: rgb(212, 61, 188);">
</td>
</table>
<script>
document.getElementById("test").addEventListener("animationstart", () => {
requestAnimationFrame(() => {
document.documentElement.classList.remove("reftest-wait");
});
});
</script>
</html>
|
