tor-browser

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

1216842-5.html (1010B)

      1 <!doctype html>
      2 <html class="reftest-wait">
      3  <head>
      4    <title>
      5      Bug 1216842: effect-level easing function produces negative values passed
      6      to step-end function (compositor thread)
      7    </title>
      8    <style>
      9    #target {
     10      width: 100px; height: 100px;
     11      background: blue;
     12    }
     13    </style>
     14  </head>
     15  <body>
     16  <div id="target"></div>
     17  </body>
     18  <script>
     19    var target = document.getElementById("target");
     20    var effect =
     21      new KeyframeEffect(
     22        target,
     23        { opacity: [0, 1], easing: "step-end" },
     24        {
     25          fill: "forwards",
     26          /* The function produces negative values in (0, 0.766312060) */
     27          easing: "cubic-bezier(0,-0.5,1,-0.5)",
     28          duration: 100,
     29          iterations: 0.75 /* To finish in the extraporation range */
     30        }
     31      );
     32    var animation = new Animation(effect, document.timeline);
     33    animation.play();
     34    animation.finished.then(function() {
     35      document.documentElement.className = "";
     36    });
     37  </script>
     38 </html>