2016-10-08 172 views
-1

我想知道是否可以在網站上模擬關燈/燈光效果。當點擊一個按鈕時,網站會變黑(無論黑暗程度如何......),或者只是打開燈光,網站就會再次顯示。在這件事上,我真的很空白......我不確定這是否可以通過以特定方式更改網站元素顏色或使用某種類型的效果庫,畫布......我真的不知道。HTML網站關燈/燈光效果

有人可以澄清我嗎?對不起,我是新來的

+0

什麼?目前還不清楚你在問什麼。您是否想知道在按下按鈕時是否可以更改頁面的顏色,或者您是否可以在頁面上模擬觀看者的光線條件? – Chewtoy

+0

模擬頁面上的觀衆光線條件。例如,如果我有景觀背景,例如以日光和夜景的形式來看景物的方式 –

+1

您可以使用[環境光](https://developer.mozilla.org/en-US/docs/Web/API/ Ambient_Light_Events)來確定人在坐着時是否黑暗或明亮 – Endless

回答

3

沒有魔術解決方案,你的主題變成黑暗/明亮。

我能做的最好的事情就是css html.inverse *, html.inverse { filter: invers(); },但即使那樣也不行。
另一個只是一個黑暗的div覆蓋不透明和css點擊。您可能最好創建兩個不同的樣式表(某些css預處理器具有較暗/較亮的混合和變量,可用於幫助您構建不同的樣式表)

如果您仍堅持使用適用於每個站點/ css的一些神奇解決方案那麼也許https://www.turnoffthelights.com是適合你的東西。他們也有一個書籤,試圖做最好的魔法

否則這個問題只是爲了...