css当鼠标滑过图片放大

CSS有很多强大的特性，其中一个让网站看起来更加动态的特性就是当鼠标滑过图片时放大，这个特性得益于CSS的transform属性和:hover伪类。

下面是一个常见的CSS样式，当鼠标滑过一张图片时，图片会放大1.5倍：

img {
  transition: transform 0.5s ease;
}

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

解释一下这段代码中的内容：

• transition属性指定了当鼠标滑过图片时，改变transform属性的过渡效果，使变化更加平滑。
• :hover伪类在鼠标滑过图片时生效，使transform属性的值变成scale(1.5)。这里的scale函数指定了图片的水平和垂直方向的缩放比例，这里为1.5倍。

通过这段简单的CSS样式，我们就可以为网站增加更好的交互效果，让用户看到更加生动的页面。