Как изменять цвет элемента при перекрытии другим элементом?

Question

[eugenedrvnk]

Есть подобный пример анимации :

Заинтересовал момент того, как реализовано изменение логотипа в верхнем левом углу.
Единственное что получилось нагуглить > свойство mix-blend-mode, но поигравшись с ним, вроде бы пришёл к тому, что он здесь не поможет.

Answer 1

[jamtuson]

Можно с помощью фильтра.
filter: brightness(0) invert(1);
Но я бы сделал подменой на внутреннем слое.
Пример: https://codepen.io/suez/pen/RpNXOR

Answer 2

[Арсений Матыцин]

Это просто набор path в svg. Логотип т.е., что позволяет этим path навесить классы и обращаться к ним через CSS\JS и, соответственно менять класс, а с ним и расцветку по событию. Либо просто перекрашивать в JS. Это если не углубляться в инструментарий работы с SVG.