2016-11-28 08:19:40 +03:00
|
|
|
<!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");
|
|
|
|
|
});
|
2017-01-17 13:50:25 +03:00
|
|
|
});
|
2016-11-28 08:19:40 +03:00
|
|
|
</script>
|
|
|
|
|
</html>
|
