Изменить цвет текста, если фоновое изображение не белое?

Я прочитал много статей об этом, но ничего не нашел подходящего, чтобы решить мою проблему.
Возможно ли каким-либо образом изменить цвет текста на основе фонового изображения с помощью JQuery и / или CSS?
Я должен сделать отзывчивый веб-сайт с этими требованиями, но застрял.

Ответ

Можно использовать режим смешивания. Поддержка браузерами такая же. Не применяется к body
body{ margin:0; font-size:50px; font-weight:bold; color:#4cb29c; } div{ background:linear-gradient(to right, #4cb29c 50%,transparent 50%); min-height:50vh; } p{ text-align:center; mix-blend-mode: difference; margin:0; } .circle{ color:#ee82ee; background: radial-gradient(circle at 75% 0px, #fff 35%, rgba(27, 128, 0, 0.6) 35.5%), url(https://picsum.photos/500/800?image=1069) center/cover; }

asdas das safd gfs gsfgsdf sdf sdfs df

asdas das safd gfs gsfgsdf sdf sdfs df