HTML 网站上关灯/开灯的效果

Effect of lights off / lights on on HTML website

我想知道是否可以在网站上模拟关灯/开灯效果。当点击一个按钮时,网站会变暗(无论什么黑暗都可以模拟成......)或者只是打开灯,网站就会再次可见。我对这件事真的一无所知……我不确定这是否可以通过以非常特定的方式或某种类型的效果库更改网站元素颜色来完成,canvas……我真的有不知道。

有人可以解释一下吗?对不起,我是新手

没有神奇的解决方案可以将您的主题变成 dark/bright。

我能做的最好的事情是 css html.inverse *, html.inverse { filter: invers(); } 但即便如此也不能很好地工作。
另一个只是一个黑暗的 div 覆盖不透明和css 点击通过。您可能最好创建两个不同的样式表(一些 css 预处理器具有 darker/brighter 混合和变量,您可以使用它们来帮助您构建不同的样式表)

如果您仍然坚持使用适用于每个 site/css 的神奇解决方案,那么也许 https://www.turnoffthelights.com 适合您。他们还有一个小书签,可以尽其所能

否则这个问题只是为了宽泛...