在CSS中,我們可以使用:hover偽類(lèi)來(lái)實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)圖片變大的效果,以下是一個(gè)簡(jiǎn)單的示例:
HTML代碼:
<img class="image" src="image.jpg" alt="image">
CSS代碼:
.image { width: 200px; height: 200px; transition: transform 0.3s ease-in-out; } .image:hover { transform: scale(1.5); }
在這個(gè)示例中,我們定義了一個(gè)名為.image的類(lèi),用于設(shè)置圖片的寬度、高度和過(guò)渡效果,在:hover偽類(lèi)中,我們使用了transform屬性來(lái)放大圖片,使其變大1.5倍,這樣,當(dāng)鼠標(biāo)經(jīng)過(guò)圖片時(shí),圖片就會(huì)逐漸放大到1.5倍的大小。