background-position-repeat-rendering.html

<!doctype html>
<title>Test non-top-left background-position anchors together with repeating backgrounds</title>
<style>
  body { margin: 0 }
  div {
      width: 100px;
      height: 100px;
  }
  .anchor-right {
      background-image: linear-gradient(to left, lime 100px, red 100px);
      background-size: 200px 100px;
      background-position: top 0 right 0;
  }
  .anchor-bottom {
      background-image: linear-gradient(to bottom, red 100px, lime 100px);
      background-size: 100px 200px;
      background-position: bottom 0 left 0;
  }
  .anchor-bottom-right {
      background-image: linear-gradient(to top left, lime 142px, red 142px);
      background-size: 200px 200px;
      background-position: bottom 0 right 0;
  }
</style>
<div class="anchor-right"></div>
<div class="anchor-bottom"></div>
<div class="anchor-bottom-right"></div>

chromium/third_party/blink/web_tests/fast/backgrounds/background-position-repeat-rendering.html