如图所示,没有放大之前的图片
鼠标放上去,放大之后的图片
鼠标放上去有个黑色阴影
.prefer .item:hover img {
-webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%); //背影黑色阴影
box-shadow: 0 15px 30px rgb(0 0 0 / 10%); //背影黑色阴影
-webkit-transform: translate3d(0, -2px, 0); //向上移动2像素
transform: translate3d(0, -2px, 0); //向上移动2像素
}