tor-browser

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

clip-path-animation-mixed-interpolation.html (726B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <link rel="help" href="https://drafts.csswg.org/css-shapes-1/#basic-shape-interpolation">
      4 <link rel="match" href="clip-path-animation-ref.html">
      5 <style>
      6 .container {
      7  width: 100px;
      8  height: 100px;
      9  background-color: green;
     10  animation: clippath 20s steps(2, jump-end) -9.999s;
     11 }
     12 @keyframes clippath {
     13  0%   { clip-path: circle(50% at 50% 50%); }
     14  100% { clip-path: circle(20px at 20px 20px); }
     15 }
     16 </style>
     17 <script src="/common/reftest-wait.js"></script>
     18 <script src="../../../../web-animations/resources/timing-utils.js"></script>
     19 <body>
     20 <div class="container"></div>
     21 
     22 <script>
     23 waitForAnimationTime(document.getAnimations()[0], 1).then(takeScreenshot);
     24 </script>
     25 </body>
     26 </html>