title: How to apply inverse text mask with CSS
body: <p>I'll try to explain my question with images. Here we go.</p>
  
  <p>1 - This image shows the text masking an image, so far so good, I can do with the following code:</p>
  
  <p><img src="https://i.stack.imgur.com/vGTZ7.jpg" alt="enter image description here"></p>
  
  <pre><code>font-size: 120px;
  background: url(image-to-be-masked.jpg) repeat 0 0, white;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  </code></pre>
  
  <p>2 - This other image, the text creates the opposite effect, leaving transparent only the text area. This is what I want:</p>
  
  <p><img src="https://i.stack.imgur.com/l4I6J.jpg" alt="enter image description here"></p>
  
  <p>Has anyone tried it?</p>