frame-helper.html | Explore in Territory

<!doctype html>

<style>
div {
  width: 100px;
  height: 100px;
  background: green;
}
html { height: 50%; }
::view-transition-group(*) { animation-duration: 500s }
</style>

<div></div>

<script>
function run() {
  document.startViewTransition(() => {
    requestAnimationFrame(() => requestAnimationFrame(() => {
      window.parent.postMessage({}, "*");
    }));
  });
}
onload = () => requestAnimationFrame(() => requestAnimationFrame(run));
</script>

chromium/third_party/blink/web_tests/external/wpt/css/css-view-transitions/support/frame-helper.html