Есть ли способ инвертировать все цвета на странице одним нажатием кнопки, используя jQuery и / или CSS?

Question

Я надеюсь инвертировать все цвета на странице одним нажатием кнопки, и я не научился инвертировать цвета. Есть ли способ добиться этого с помощью метода jQuery или JS, например:

$("#button").click(function() {
  $(body).invert()
}

или мне нужно go с помощью метода CSS?

Спасибо.

Answer 1

Да, вы можете сделать это с помощью CSS:

body.invert {
  filter: invert(1);
}

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert

Просто переключите класс .invert нажатием JS.