Изменение цвета текста в зависимости от цвета блока под ним?

Question

[Aljo]

Здравствуйте!

На сайте есть два текста белого цвета по левому и правому краю с position: fixed.
Возможно ли изменять цвет текста в зависимости от цвета фона блока, находящегося в момент скролла под ним?

На скрине выделил один из текстов красным.

Answer 1

[lUser L]

mix-blend-mode
https://jsfiddle.net/b12Lqz05/

Но я бы на js сделал, на css не получится полностью рабочий вариант сделать, в примере выше например видно

Comments

[Aljo]

Получилось, спасибо! Использовал mix-blend-mode: difference; Но, как я понимаю, цвета задать так не получится верно? Придется js использовать?

[lUser L]

Aljo, да

Answer 2

[Сергей Пушкин]

Привет, попробуй свойство mix-blend-mode, если не подойдет, то только на JS логику писать.

Comments

[Aljo]

Получилось, спасибо! Использовал mix-blend-mode: difference; Но, как я понимаю, цвета задать так не получится верно? Придется js использовать?