实现思路:设定镂空元素大小,通过阴影实现镂空效果。
html代码
<div className="cutout">cutout</div>
css 代码
.cutout {
width: 200px;
height: 200px;
box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.6);
}
实现效果如图
![](https://i-blog.csdnimg.cn/blog_migrate/25570bca6fba231d815c1cea57a192bd.png)
image.png
实现思路:设定镂空元素大小,通过阴影实现镂空效果。
html代码
<div className="cutout">cutout</div>
css 代码
.cutout {
width: 200px;
height: 200px;
box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.6);
}
实现效果如图