mozilla-central: testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function.html@9ccc6a2267cbf69c621fec973bd28573c2a45a1f

author	Duncan McIntosh <dmcintosh@mozilla.com>
	Wed, 09 Jul 2025 19:42:02 +0000 (6 hours ago)
changeset 795924	9ccc6a2267cbf69c621fec973bd28573c2a45a1f
parent 660520	7011804e8687a10fc2181411f26799a54ad861c5
permissions	-rw-r--r--

Bug 1966586 - Reuse other browser windows when opening _blank links in Taskbar Tabs windows. r=nrishel This doesn't affect other tab additions, nor does it stop the tab bar from appearing altogether. The idea is that _if_ another tab is somehow made, the user should see it; but we should not create new tabs if we can avoid it. This also adds tests for opening URIs in popups and taskbar tabs to make it less likely that this breaks in future. Differential Revision: https://phabricator.services.mozilla.com/D253726

<!DOCTYPE html>
<html class="reftest-wait">
<link rel="help" href="https://drafts.csswg.org/css-shapes-1/#basic-shape-interpolation">
<link rel="match" href="clip-path-animation-custom-timing-function-ref.html">
<meta name=fuzzy content="0-2;0-320">
<!--
  Test that ensures that the bounding rect for a clip path animation is not
  limited to the size of the largest keyframe.
-->
<style>
  @keyframes clippath {
    0% {
      clip-path: inset(45% 45%);
    }

    25% {
      clip-path: inset(40% 40%);
    }

    50% {
      clip-path: inset(45% 45%);
    }

    75% {
      clip-path: inset(40% 40%);
    }

    100% {
      clip-path: inset(45% 45%);
    }
  }

  .green {
    background-color: green;
    width: 200px;
    height: 200px;
    animation: clippath 10000000s -1286796s
      /* roughly where the derivative of the cubic-bezier is zero */
    ;
    animation-timing-function: cubic-bezier(0, 9, 1, 9);
  }

</style>
<script src="/common/reftest-wait.js"></script>

<body>
  <div class="green"></div>

  <script>
    document.getAnimations()[0].ready.then(takeScreenshot);
  </script>
</body>

</html>