hover图片显现遮罩 点击切换图片

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&