background-clip-text-multiline.html

<!DOCTYPE html>
<title>'background-clip: text' on an inline spanning multiple lines</title>
<script src="../../resources/ahem.js"></script>
<style>
.target {
  font-size: 100px;
  background-image: url("resources/bgimg1x50.png");
  background-clip: text;
  color: transparent;
}
.container {
  width: 400px;
  font-family: Ahem;
  line-height: 1;
  word-wrap: break-word;
  background-color: red;
}
</style>
<div class="container">
  <span class="target">XXXXYYYYZZZZWWWW</span>
</div>

chromium/third_party/blink/web_tests/fast/backgrounds/background-clip-text-multiline.html