CSS遮罩:mask
CSS属性 mask
允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。
// 一般用位图图片做遮罩
mask: url('~@/assets/images/mask.png');
mask-size: 100% 100%;
// 使用 SVG 图形中的形状来做遮罩
mask: url('~@/assets/images/mask.svg#star');
// 使用渐变来做遮罩
mask: linear-gradient(#000, transparent)