css3鼠标移入图片放大 |常用 css

img:hover{
transform: scale(1.5);
}

代码中，大家使用了CSS3的transform属性，其中scale(1.5)表示将图片放大1.5倍。在默认状态下，图片大小为1，即正常大小。当鼠标放到图片上时，触发:hover伪类，即鼠标移入效果，此时将图片进行放大处理，达到了图片放大效果的效果。

除了transform属性，还可以使用transition属性实现平滑的过渡效果。大家可以为鼠标移入和移出事件分别设置不同的过渡时间，让效果更加流畅。

img{
transition: transform 0.5s ease;
}
img:hover{
transform: scale(1.5);
}

以上代码中，大家设置了0.5秒的过渡时间和缓动效果（ease），让图片放大的过程更加自然流畅。

总体上来说，CSS3鼠标移入图片放大效果是一种简单而实用的设计技巧，它可以让网页更加生动有趣。大家可以根据自己的需要进行定制化，将这种效果运用到自己的网页中。