-path: circle(20% at 20% 20%);
  }

  @keyframes clippath {
    0% {
      clip-path: circle(35% at 35% 35%);
    }

    100% {
      clip-path: circle(50% at 50% 50%);
    }
  }
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/web-animations/resources/timing-utils.js"></script>

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

  <script>
    document.getAnimations()[0].ready.then(() => {
      document.getAnimations()[0].cancel();
      requestAnimationFrame(takeScreenshot);
    });
  </script