Прозрачный текст без размытия на filter: blur() родителе?

Question

[Heorhii]

Где-то на бихансе нашел вот такой чудной экран, из интереса попытался повторить самый сочный кусок но уперся в проблему того что свойство backdrop-filter будет передаваться и тексту, есть идеи как добиться результата со скрина?

Ссылка на мой вариант (закомментил backdrop-filter)

Answer 1

[RAX7]

Comments

[Heorhii]

Вау, спасибо

Answer 2

[thekunichka]

Попробуйте ice в before/after задать content: "ice", указав ему приоритетный индекс, размытие на 0px, а самому тексту задать background: transparent

Answer 3

[Александр Талалаев]

Думаю идти по пути css(или нет) mask и около. Сейчас нет возможности экспериментировать. Но возможно всю часть с блёром придётся делать в svg.