tor-browser

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

use-element-web-animations.html (623B)


      1 <!DOCTYPE html>
      2 <html>
      3 <title>SVG Test: Independent Web animations on svg:use instantiation and corresponding element</title>
      4 <link rel="help" href="https://svgwg.org/svg2-draft/struct.html#UseElement">
      5 <link rel="match" href="use-element-transitions-ref.html">
      6 <style>
      7  use {
      8    font-size: 40px;
      9  }
     10  g {
     11    font-size: 120px;
     12  }
     13 </style>
     14 <svg>
     15  <use id="use_elm" xlink:href="#tmpl" />
     16  <g id="g_elm">
     17    <text id="tmpl" x="10" y="100">Hello!</text>
     18  </g>
     19 </svg>
     20 <script>
     21  tmpl.animate([
     22      { /* starts from computed font-size */ easing: "steps(2, start)"},
     23      { font-size: "80px" }
     24  ], 100000);
     25 </script>