Смена цвета текста при наведении с одного блока на другой?

Question

[alexfrolov_xcx]

Всем доброго дня! как реализовать подобную вещь: есть 2 блока, один белый - другой чёрный... на белом имеется чёрный текст. задумка такова, та часть текста которая наезжает на чёрную область красилась в белую... Пробовал z-index неособо помагло

Answer 1

[Капитан Какао]

В стили текста добавьте mix-blend-mode: difference;
Демо: https://jsfiddle.net/RadCor/eutg0wqy/1/

Comments

[alvvi]

* но неподдерживается оно, к сожалению, много где

[Dark Hole]

Илья Ростопка: можно сделать кроссбраузерненько, но я апаздал