实现图片放大镜特效的CSS代码

下面是一个简单的实现图片放大镜特效的CSS代码：

css
/* HTML结构 */

/* CSS样式 */
.container {
position: relative;
width: 400px;
height: 300px;
overflow: hidden;
}

.image {
width: 100%;
height: auto;
}

.zoom {
position: absolute;
width: 200px;
height: 200px;
border: 1px solid #ccc;
cursor: pointer;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
opacity: 0;
pointer-events: none;
}

.container:hover .zoom {
opacity: 1;
pointer-events: auto;
}

.container:hover .zoom {
opacity: 1;
pointer-events: auto;
}

.container:hover .image {
transform: scale(1.2);
transition: transform 0.3s ease;
}

这个代码使用了一个容器元素 `.container` 包含了图片和放大镜元素，当鼠标悬停在容器上时，放大镜元素显示出来。通过调整 `.zoom` 元素的背景图像大小和容器内图片的缩放比例来实现放大镜特效。