Как перекрасить цвет текста над изображением в белый?

Question

[wakenbyWork]

Чтобы было как на скриншоте, чтобы цвет менялся если он находиться над фотографией. Как такое можно сделать?

Comments

[Ankhena]

К какому-то древнему вопросу
https://jsfiddle.net/Ankhena/ybko3jz7/
https://jsfiddle.net/Ankhena/fmady3x6/
https://jsfiddle.net/Ankhena/y6akp918/

Answer 1

[Даниил]

А он может находить под фотографией?) Или текст по верх страницы, и когда он долистается до картинки, нужно менять цвет?
1) Если он изначально на фотографии и никуда не двигается, то просто задайте ему либо цвет, либо градиент с процентами.
2) Если текст "приходит" на фотографию, то стоит отслеживать скролл, и при моменте, как человек долистает определенное количество пикслей добавлять тексту класс с цветом. (Что-то похожее - тут)

Comments

[wakenbyWork]

Текст всегда над изображением, и в мобильной версии текст переносится. В общем изменение цвета должно происходить динамически

[wakenbyWork]

Как такое можно сделать?

[Даниил]

wakenbyWork, Если еще не поздно, то медиа запросы вам в помощь)