如何設(shè)計鼠標(biāo)滑過時放大效果？

在CSS中，我們可以使用:hover偽類來實現(xiàn)鼠標(biāo)滑過時放大效果，以下是一個簡單的示例：

HTML結(jié)構(gòu)：

<div class="image-container">
    <img class="image" src="path/to/image.jpg" alt="Image">
</div>

CSS樣式：

.image-container {
    position: relative;
    width: 200px;
    height: 200px;
}
.image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
}
.image-container:hover .image {
    transform: scale(1.5);
}

在這個示例中，我們首先將圖片放置在一個相對定位的容器中，我們使用***定位將圖片放置在容器的左上角，并設(shè)置圖片的寬度和高度為100%，這樣，圖片就會充滿整個容器，我們使用transition屬性來設(shè)置圖片在放大過程中的過渡效果，我們使用:hover偽類來檢測鼠標(biāo)是否懸停在容器上，并根據(jù)需要放大圖片。