Как изменить цвет элемента относительно фона под ним?

Question

[Александр Орин]

Добрый день. Как сделать так, чтобы логотип или иной фиксированный элемент инвертировался относительно находящихся под ним элементов веб-страницы? Например, как тут: https://www.coalla.ru/works

Answer 1

[FeST1VaL]

На этом сайте используется mix-blend-mode: difference;, но он не поддерживается в Edge и IE, а так же есть баги в Safari >>> Can i use?
По этому лучше через JS отлавливать бэкпоинты.

Comments

[Александр Орин]

Интересно, а неужли для этого какой-нибудь библиотеки или js-плагина, вроде https://aerolab.github.io/midnight.js/ или www.kennethcachia.com/background-check/?