使用 CSS 的 mask 蒙层属性设置 border-radius 实现缺角图片效果

    使用 CSS 的 mask 遮罩效果,以最少的代码创建倒置半径角。无额外元素、无伪元素、仅使用 CSS 变量进行实现,单个效果如下图所示,您可以在此效果的基础上进行组合再创作实现更多有创意的效果。

CSS-only inverted border-radius

模板目录结构如下: