css 镂空效果的实现

实现思路：设定镂空元素大小，通过阴影实现镂空效果。

html代码

<div className="cutout">cutout</div>

css 代码

.cutout {
  width: 200px;
  height: 200px;
  box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.6);
}

实现效果如图

image.png