Можно ли изменить цвет логотипа?

Question

[metori]

Очень нужна помощь.
Как применить

-webkit-filter: invert(100%); filter: invert(100%);

к логотипу (классу .logo) только в том случае, если открыто меню? Белый фон - дефолтное лого, открываем меню и на темном фоне оно становится белым.

https://codepen.io/anon/pen/WmMRdK

Answer 1

[Eugene Chefranov]

#burger-menu.close + img {
  -webkit-filter: invert(100%); filter: invert(100%);
}

Comments

[metori]

Благодарю

Answer 2

[Антон]

Создать класс logo-white {} с тем, что выше, и по клику добавить его к logo
https://jsfiddle.net/n08o4uxm/1/

Comments

[metori]

Спасибо! Ваш вариант подходит еще лучше, только нет анимации меню (бургер на крест не транфсормируется). Как поправить?

[Антон]

metori, Вы делайте как делали на ваниле, я вам просто визуальный пример скинул, все что вам нужно сделать - описать класс в цсс и toggle'ом добавлять его к лого

[metori]

Антон, а чем ваш вариант плох? Мне особо разницы нет, работает отлично, за исключением анимации.

[Антон]

metori, Тогда так https://jsfiddle.net/v2amk6b3/

[metori]

Антон, Спасибо!