color-profile-background-image-cross-fade.html

<!DOCTYPE html>
<html>
<script src="../resources/run-after-layout-and-paint.js"></script>

<style>
  p {
    background-image: -webkit-cross-fade(
      url("resources/red-at-12-oclock-with-color-profile.jpg"), url("resources/green-256x256.jpg"), 6%);
    margin: 6px 6px 6px 9px;
    display: inline-block;
    height: 180px;
    width: 372px;
  }

  p:nth-child(even) {
    transform: scale(-1,1);
  }
</style>

<body style="overflow: hidden">
  <!-- The blue sector of the background images should be at 12 o'clock. -->
  <p></p>
  <p></p>
  <p></p>
  <p></p>
</body>

<script>
window.onload = function() {
  if (window.testRunner)
    runAfterLayoutAndPaint(function() { testRunner.notifyDone() });
};

if (window.testRunner)
  testRunner.waitUntilDone();
</script>
</html>

chromium/third_party/blink/web_tests/images/color-profile-background-image-cross-fade.html