html鼠标悬停放大

要实现鼠标悬停放大的效果，可以使用CSS中的:hover伪类和transform属性，具体实现步骤如下：

1. 首先，给需要放大的元素设置一个初始的缩放比例，比如1倍。

2. 然后，使用:hover伪类来监听鼠标悬停事件。

3. 在:hover伪类中，使用transform属性来设置元素的放大倍数，比如2倍，即transform: scale(2)。

4. 最后，设置transition属性来实现平滑过渡，比如transition: all 0.3s ease。

下面是一个示例代码：

<style>
    .box {
        width: 200px;
        height: 200px;
        background-color: #ccc;
        transform: scale(1);
        transition: all 0.3s ease;
    }
    .box:hover {
        transform: scale(2);
    }
</style>
<div class="box"></div>

在上面的代码中，当鼠标悬停在box元素上时，它会放大2倍，并且有一个0.3秒的过渡效果。