Как реализовать инверсию цвета поверх картинки?

Question

[bbquite]

Как реализовать инверсию цвета поверх картинки?
Пробовал через mix-blend-mode получается не тот цвет который нужен
Подскажите каким способом это можно реализовать?
https://jsfiddle.net/4h3Lrj67/

Comments

[Ankhena]

На базе этого https://qna.habr.com/q/915387

[bbquite]

Ankhena, на сколько я понимаю этот способ работает только с границей текста, а не заливкой

[Ankhena]

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

[bbquite]

Ankhena, Подскажите каким образом можно обрезать текст маской?
https://jsfiddle.net/zxd4vgbe/

[Ankhena]

Антон, вон там уже готовый ответ вам добрый RAX7 сделал.

Answer 1

[RAX7]

Comments

[bbquite]

Спасибо большое

Answer 2

[Aetae]

Сделай всё картинкой и не парь мозг. Эта штука же одноразовая судя по всему.
Универсально можно сделать поигравшись с svg фильтрами и масками, но ну его нафиг.

Comments

[bbquite]

проблема в том что оно должно двигаться при скроле страницы