tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

transform-animation-on-path.html (578B)

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