table-overflowed-by-animation.html (767B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <style> 4 @keyframes anim { 5 /* 6 * We need to use different transform functions to produce 7 * UpdatePostTransformOverflow change hint, also these functions have to be 8 * the same matrix to being the same position while running reftest. 9 */ 10 from { 11 transform: rotate(0deg); 12 } 13 to { 14 transform: scale(1); 15 } 16 } 17 </style> 18 <table id="test" style="width: 100px; height: 100px; animation: anim 1s infinite;"> 19 <td style="transform: rotateZ(45deg); background-color: rgb(212, 61, 188);"> 20 </td> 21 </table> 22 <script> 23 document.getElementById("test").addEventListener("animationstart", () => { 24 requestAnimationFrame(() => { 25 document.documentElement.classList.remove("reftest-wait"); 26 }); 27 }); 28 </script> 29 </html>