<!DOCTYPE html> | |
<title>'background-clip: text' on an inline spanning multiple lines (reference)</title> | |
<script src="../../resources/ahem.js"></script> | |
<style> | |
.target { | |
font-size: 100px; | |
background-image: url("resources/bgimg1x50.png"); | |
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> |