javascript - 有没有办法使用 jQuery 和/或 CSS 通过单击按钮来反转页面上的所有颜色？

Question

我希望通过单击按钮反转页面上的所有颜色，但我还没有学会反转颜色。有没有办法用 jQuery 或 JS 方法来实现这一点，例如:

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

或者我必须通过CSS方法吗？

谢谢。

Answer 1

是的，您可以使用 CSS 来做到这一点:

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

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

只需通过 JS 单击切换类 .invert 即可。