中間的那個比周圍亮的區域怎麼做啊?
人生最曼妙的风景,竟是内心的淡定与从容!
雷雷
用背景色做成的demo 如下
https://codepen.io/jackpan/pe...
用box-shadow 或 outline做成的demo如下:https://codepen.io/jackpan/pe...
box-shadow
outline
正確的方法是使用 box-shadow,如: box-shadow: 0 0 0 2560px rgba(0,0,0,0.8)
box-shadow: 0 0 0 2560px rgba(0,0,0,0.8)
我覺得有2種做法:1、用4個 p 做出它四周比較暗的區域。 2、背景圖上遮罩1個p做出比較暗的地方,然後最頂上一個p裡放進同一張背景圖,定位到適當的位置。
filter: brightness(1.3);或backgournd-color: rgba(0, 0, 0, 0.5);
這兩種方式都可以
設計師能解決的盡量不要用css來寫
醬紫的,用absolute和z-index][1]
雷雷
用背景色做成的demo 如下
https://codepen.io/jackpan/pe...
用
box-shadow
或outline
做成的demo如下:https://codepen.io/jackpan/pe...
正確的方法是使用
box-shadow
,如:box-shadow: 0 0 0 2560px rgba(0,0,0,0.8)
我覺得有2種做法:
1、用4個 p 做出它四周比較暗的區域。
2、背景圖上遮罩1個p做出比較暗的地方,然後最頂上一個p裡放進同一張背景圖,定位到適當的位置。
filter: brightness(1.3);
或
backgournd-color: rgba(0, 0, 0, 0.5);
這兩種方式都可以
雷雷
設計師能解決的盡量不要用css來寫
醬紫的,用absolute和z-index
][1]