CSS放大鏡是一種常見的網(wǎng)頁交互效果，它可以讓用戶通過鼠標懸停或點擊放大鏡區(qū)域，實現(xiàn)對當前圖像或文字的放大觀察。以下是一份簡單實現(xiàn)CSS放大鏡樣式的代碼：

/* 放大鏡容器 */
.magnifier {
position: relative;
overflow: hidden;
}
/* 原圖像區(qū)域，需設置寬高、背景圖片等 */
.magnifier img {
display: block;
max-width: 100%;
}
/* 放大鏡區(qū)域，需設置寬高、背景色等 */
.magnifier .magnifier-preview {
position: absolute;
top: 0;
left: 0;
z-index: 99;
opacity: 0;
cursor: crosshair;
transition: opacity 0.3s ease;
}
/* 鼠標懸停或點擊的效果，需設置放大倍率等 */
.magnifier:hover .magnifier-preview,
.magnifier:active .magnifier-preview {
opacity: 1;
}
/* 放大后的圖像位置和尺寸，需根據(jù)倍率和原圖像大小計算 */
.magnifier-preview img {
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
transform-origin: 0 0;
transform: scale(0.5);
}

在使用時，只需把原圖像和放大鏡容器都放到一個div中，并給放大鏡區(qū)域一個自定義class，如：

<div class="magnifier">
<div class="magnifier-preview"></div>
</div>

然后根據(jù)需求修改上述CSS代碼中的參數(shù)，即可實現(xiàn)自定義的CSS放大鏡效果。