Как сделать изменение цвета текста, когда он находится на фото?

Question

[Pulychuk]

Есть блок с фото и определенным заголовком. При скролл данный текст меняет позицию (transform: translate3d). Необходимо поменять цвет символов, когда они находятся на фото. Возможно кто-то сталкивался с такой ситуацией и может помочь в этом? Прикреплю фото для лучшего понимания задачи

Answer 1

[Pulychuk]

Если кроссбраузерность не важна, то можно использовать как решение задачи css свойство mix-blend-mode. О поддержке браузерами можно узнать здесь

Answer 2

[yakupov112]

briangonzalez.github.io/jquery.adaptive-backgrounds.js
www.kennethcachia.com/background-check

Comments

[Pulychuk]

спасибо за идею, но задача решилась более простым способом