trisquel-icecat/icecat/layout/reftests/svg/dynamic-opacity-transition-01.svg
2025-10-06 02:35:48 -06:00

33 lines
684 B
XML

<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" class="reftest-wait reftest-snapshot-all reftest-no-flush">
<style>
#r {
fill: lime;
animation: opacity 30s;
opacity: 0;
}
@keyframes opacity {
0% {
opacity: 0;
}
1% {
opacity: 1;
}
100% {
opacity: 1;
}
}
</style>
<rect fill="red" width="100%" height="100%" />
<rect id="r" width="100%" height="100%" />
<script>
document.addEventListener("MozReftestInvalidate", doTest, false);
setTimeout(doTest, 4000); // fallback for running outside reftest
function doTest() {
setTimeout(function() {
document.documentElement.classList.remove('reftest-wait');
}, 1000);
}
</script>
</svg>