Как сделать цвет текста зависящем от яркости изображения за ним (фоновым)?

Question

[Олег Камзин]

Подскажите как сделать так, чтобы цвет текста подстраивался под фон. Нужно два варианта: светлый текст и темный в соответсвии с фоновой картинкой. Гуглил весь вечер, ничего рабочего и современного не нашел.

Comments

[Sergey Lazarevic]

Вы не пробовали "Негативизацию?"

[Александр Васильев]

как варианты:
- вешать отдельный класс на блоки с иным бекграундом;
- проверять через js наличие конкретного бекграунда в блоках и назначать класс

Answer 1

[Danny Arty]

Есть такое свойство mix-blend-mode, но оно не поддерживается IE. Работает примерно так (тут mix-blend-mode: difference):


p.s. не советую его юзать, лучше придумайте решение под свои задачи