CSS 鼠标悬浮在图片上添加遮罩层效果的实现

先看效果：
 

鼠标移在图片上时，添加阴影效果+文字 / 图标
 

实现的关键是 CSS 的 opacity 和 hover，本文也主要介绍遮罩层的实现
HTML:

<div class="img_div">
   <img src="item.image_base64" @click="deleteImg" class="imgCSS">
   <div class="mask">
     <h3><Icon type="ios-trash-outline" size="40"></Icon></h3>
   </div>
 </div>

CSS: