css3 - css怎么做出这样的效果?
黄舟
黄舟 2017-06-10 09:48:25
0
8
933

中间的那个比周围亮的区域怎么做啊?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(8)
Ty80

用背景色做成的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]

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板