Я попытаюсь объяснить свой вопрос изображениями. Здесь мы идем.
1 - На этом изображении отображается текст, маскирующий изображение, настолько хорошее, что я могу сделать со следующим кодом:
font-size: 120px;
background: url(image-to-be-masked.jpg) repeat 0 0, white;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
2 - Это другое изображение, текст создает противоположный эффект, оставляя прозрачным только текстовую область. Это то, что я хочу:
Кто-нибудь попробовал?