css中鼠标略过图片变大 |css样式管理

img {
transition: all 0.3s ease-in-out; /* 添加过渡效果 */
}
img:hover {
transform: scale(1.2); /* 鼠标略过时放大1.2倍 */
cursor: pointer; /* 鼠标指针设置为手型 */
}

在上面的代码中，大家使用了transition来添加一个0.3秒的缓动效果，让图片有平滑的变化过程。当鼠标悬浮在图片上时，大家使用:hover伪类来给图片添加一个放大的效果，使用transform: scale来实现。大家还将鼠标指针的样式设置为手型，让用户知道图片可以被点击或查看。

通过CSS中的:hover伪类，大家可以很容易地实现网页中图片的交互效果。这种技巧可以用在产品展示、图片墙等场景中，让用户更加方便地查看、选择他们想要的内容。