summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/transform-animation-on-path.html
blob: 065e080a9e174dd54c5321d101afcf1e0d24288b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html class="reftest-wait reftest-no-flush">
<style>
@keyframes anim {
  from { transform: scale(1); }
  to { transform: scale(0); }
}
</style>
<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2">
  <path id="target" d="M .1 .1 H .9 V .9 H .10 L .10 .10"/>
</svg>
<script>
document.addEventListener("MozReftestInvalidate", () => {
  target.style.animation = "anim 100s step-end reverse";
  target.addEventListener("animationstart", () => {
    document.documentElement.classList.remove("reftest-wait");
  });
});
</script>
</html>