css3 - css怎麼做出這樣的效果？

Question

中間的那個比周圍亮的區域怎麼做啊？

#

Answer 1

雷雷

Answer 2

用背景色做成的demo 如下

https://codepen.io/jackpan/pe...

用box-shadow 或 outline做成的demo如下：
https://codepen.io/jackpan/pe...

Answer 3

正確的方法是使用 box-shadow，如： box-shadow: 0 0 0 2560px rgba(0,0,0,0.8)

Answer 4

我覺得有2種做法：
1、用4個 p 做出它四周比較暗的區域。
2、背景圖上遮罩1個p做出比較暗的地方，然後最頂上一個p裡放進同一張背景圖，定位到適當的位置。

Answer 5

filter: brightness(1.3);
或
backgournd-color: rgba(0, 0, 0, 0.5);

這兩種方式都可以

Answer 6

雷雷

Answer 7

設計師能解決的盡量不要用css來寫

Answer 8

醬紫的，用absolute和z-index
][1]