JavaScript-事件之实现放大镜效果

position: relative;

background-color: pink;

display: flex;

flex-direction: row;

}

.left {

width: 200px;

height: 200px;

background-image: url(“./imag/meinv.jpg”);

background-position: center center;

background-repeat: no-repeat;

background-size: 200px auto;

position: relative;

}

.left .shade {

width: 100px;

height: 100px;

background-color: rgba(166, 212, 37, 0.3);

position: absolute;

display: none;

}

.right {

width: 200px;

height: 200px;

background-image: url(“./imag/meinv.jpg”);

background-position: 0px 0px;

background-repeat: no-repeat;

background-size: 400px auto;

}