offset-path-string.html | Explore in Territory

<!DOCTYPE html>
<script src="resources/srcset-helper.js"></script>

<style>
  #target {
    background-color: lime;
    width: 21px;
    height: 13px;
    position: absolute;
    left: 0px;
    top: 0px;
    transform-origin: 0px 0px;
    offset-path: path('m 0 0 v 8 h 15 z'); /* length 40 */
    offset-distance: calc(30px + 75%); /* 60px -> 20px */
  }
</style>

<body>
  <!-- This test passes if the target moves 8px down and 12px across -->
  <div id="target"></div>
</body>

chromium/third_party/blink/web_tests/fast/hidpi/offset-path-string.html