tor-browser

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

use-element-transitions.tentative.html (821B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <title>SVG Test: Independent CSS transitions on svg:use instantiation and corresponding element</title>
      4 <link rel="help" href="https://svgwg.org/svg2-draft/struct.html#UseElement">
      5 <link rel="help" href="https://github.com/w3c/svgwg/issues/1002">
      6 <link rel="match" href="use-element-transitions-ref.html">
      7 <style>
      8  use {
      9    font-size: 40px;
     10  }
     11  g {
     12    font-size: 120px;
     13  }
     14  text {
     15    transition: font-size 100s steps(2, start);
     16  }
     17 </style>
     18 <svg>
     19  <use id="use_elm" xlink:href="#tmpl" />
     20  <g id="g_elm">
     21    <text id="tmpl" x="10" y="100">Hello!</text>
     22  </g>
     23 </svg>
     24 <script>
     25  requestAnimationFrame(() => {
     26    requestAnimationFrame(() => {
     27      tmpl.style.fontSize = "80px";
     28      document.documentElement.classList.remove('reftest-wait');
     29    });
     30  });
     31 </script>