两张图片的融合

        .box {
            position: relative;
            width: 500px;
            height: 313px;
            background: url(qlz.jpg) no-repeat;
            background-size: cover;
        }
        
        .box::after {
            content: "";
            position: absolute;
            /* left,top,right,bottom都设置为0：填充父容器 */
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: url(zggq.jpg);
            background-size: cover;
            /* linear-gradient线性渐变*/
            -webkit-mask: linear-gradient(120deg, red 10%, transparent 70%, transparent);
            ;
        }

<div class="box"></div>