hover图片显现遮罩 点击切换图片
代码如下:
html:
<div class="box">
<ul class="imgs">
<li><img src="./images/点击换图/1.jpeg" alt="">
<!-- 透明遮罩 -->
<div class="mask"></div>
</li>
<li><img src="./images/点击换图/2.jpeg" alt="">
<!-- 透明遮罩 -->
<div class="mask"></div>
</li>
<li><img src="./images/点击换图/3.jpeg" alt="">
<!-- 透明遮罩 -->
<div class="mask"></div>
</li>
<li><img src="./images/点击换图/4.jpeg" alt="">
<!-- 透明遮罩 -->
<div class="mask"></div&