composited-translated-child-with-border-radius-parent-clip.html

<!DOCTYPE html>

<style>
  #parent { position: relative; left: 40px; top: 40px; width: 120px;
           height: 120px; overflow: hidden; border-radius: 10px;
           background-color: blue;
  }
  #child { position: relative; left: 140px; top: 140px; width: 100px;
           height: 100px; background-color: green;
           transform: translate(-120px, -120px);
           will-change: transform;
  }
</style>
<div id='parent'>
  <div id='child'></div>
</div>

chromium/third_party/blink/web_tests/compositing/composited-translated-child-with-border-radius-parent-clip.html