HTML网站上关灯/开灯的效果[关闭]答案

【问题标题】：Effect of lights off / lights on on HTML website [closed]HTML网站上关灯/开灯的效果[关闭]
【发布时间】：2016-10-08 20:44:54
【问题描述】：

我想知道是否可以在网站上模拟关灯/开灯效果。当一个按钮被点击时，网站会变暗（无论黑暗可以被模拟成......），或者只是打开灯，网站就会再次可见。我对这件事真的很空白...我不确定这是否可以通过以非常特定的方式更改网站元素颜色或使用某种类型的效果库、画布来完成...我真的不知道。

有人可以澄清一下吗？对不起，我是新手

【问题讨论】：

什么？不清楚你在问什么。您想知道是否可以通过按下按钮来更改页面的颜色，或者是否可以在页面上模拟查看者的光照条件？
在页面上模拟查看者的光照条件。例如，如果我有风景背景，可以像白天和晚上一样看到它
你可以使用ambient light来判断人坐的地方是暗还是亮

标签： javascript html effect light

【解决方案1】：

没有什么神奇的解决方案可以让您的主题变暗/变亮。

我能做到的最好的事情是 css html.inverse *, html.inverse { filter: invers(); }，但即使这样也不能很好地工作。
另一个只是一个带有不透明度和 css 点击的深色 div 覆盖。您可能最好创建两个不同的样式表（一些 css 预处理器具有更暗/更亮的 mixin 和可用于帮助您构建不同样式表的变量）

如果您仍然坚持使用适用于每个站点/css 的神奇解决方案，那么 https://www.turnoffthelights.com 可能适合您。他们还有一个小书签，可以尽力发挥作用

否则这个问题就太笼统了……

【讨论】：