遮罩层(cover,mask)

效果展示

图一(网易云音乐,透明四分之一圆遮罩层)

图二(王者荣耀,处于hover状态,透明全框遮罩层)

GIF1(华为遮罩层,附带动画)

代码示例:王者荣耀遮罩层

额外补充

常见动画,框中图片放大

使用过渡动画。 transition: all 0.5s 0s ease;

代码展示