<!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>