gecko-dev/layout/reftests/transform/table-overflowed-by-animati...

30 строки
767 B
HTML

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