color-profile-background-clip-text.html

<!DOCTYPE html>
<html>
<script src="../resources/ahem.js"></script>

<style>
  p {
    -webkit-text-fill-color: transparent;
    background: url("resources/red-at-12-oclock-with-color-profile.jpg") -20px 100px;
    -webkit-background-clip: text;

    font: 220px Ahem, sans-serif;
    position: relative;
    top: -300px;
  }

  p + p {
    top: -650px;
  }
</style>

<!-- There should be no red on this page. -->
<body style="overflow: hidden">
  <p>ppp</p><p>ppp</p>
</body>
</html>

chromium/third_party/blink/web_tests/images/color-profile-background-clip-text.html