使用css实现镂空效果
前言：
最近在公司完成小程序的新手引导中遇到了要将蒙层挖空，漏出后面内容的功能，找了各种资料之后，发现了一种就使用几行css代码就实现这个效果的方式，在这里分享给各位小伙伴们。
功能描述：实现下图的镂空效果
代码展示：
.mask {
position: absolute;
bottom: 20rpx;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 500rpx;
margin-left: 20rpx;
border-radius: 36rpx;
background-color: transparent; /* 关键：背景透明 */
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7); /* 用阴影覆盖周围区域 */
z-index: 103;
}