Возможно ли так сверстать шрифт?

Question

[Илья]

Доброго всем времени суток

Возник вопрос, реально ли сделать шрифтом/текстом такую надпись на фоне двухслойного бекграунда, состоящего из картинки и полупрозрачного фона поверх нее, так, чтобы шрифт был с полупрозрачностью без учета второго слоя с однотонным пролупрозрачным фоном, то есть просвечивал сразу на картинку, а остальное место было заполнено цветом.

Comments

[sim3x]

Залейте картинку на хабрасторадж

[Илья]

Перезалил

Answer 1

[dom1n1k]

css.yoksel.ru/css-and-svg-masks

Comments

[Илья]

Спасибо, посмотрю

[Илья]

Заметил что при наведении появляется маска, все как надо, но при этом на примерах тут https://codepen.io/yoksel/full/fsdbu , сам текст также затемняется, а по идее, текст не должен затемняться, его прозрачность должна быть абсолютной.

Answer 2

[ElijahTr]

Можно попробовать:
https://codepen.io/elijah_tr/pen/yvwwdN
но https://caniuse.com/#search=mix-blend-mode

P.S. Кстати в шрифте просвечивает не та картинка которая фоновая у блока.. (или позиционирование у нее другое)
https://hsto.org/webt/5a/99/5c/5a995cca0017a231981...

Comments

[Илья]

да я это тоже заметил, но сути не меняет, просто дизайнер поленился сделать просвет на нужную =)