CSS（3？）：創建矩形中心明亮的背景

-1

我正在開發一個項目，我試圖差不多使登錄屏幕看起來像this。除了黑色的不透明度是在登錄周圍，而較亮的區域是輸入的中心。CSS（3？）：創建矩形中心明亮的背景

任何我可以做的主角？

這裏有一些想法：

注意對自己說：我會prabably做的結果codepen，所以人們可以重複使用它=）

2016-07-05 Pooka

而問題出在哪裏？它只是一個帶有背景和另一個背景（或透明）和漸變的div的頁面。使用目前爲止的代碼發佈代碼。 – MichalCh

使用具有背景和另一背景的div的頁面會導致加載兩個bg。漸變的問題是它的（如果我正確地看到這一點）無響應。 – Pooka

我不能完全確定你想要做什麼，但你也許可以採取考慮css filters，做這樣的事情：

#image1{ 
    filter:brightness(200%);

}

請記住，這些過濾器沒有得到廣泛被支持。

2016-07-05 09:29:38 Flink

您可以使用CSS混合模式。您的主容器（<body>）將具有較大的背景圖像。而對於模態：

.modal { 
    background: purple; 
    mix-blend-mode: overlay; 
}

但是請注意，它不是由所有的瀏覽器都支持：http://caniuse.com/#search=mix-blend-mode

2016-07-05 09:46:23 ezahori

回答