要使用CSS实现图像缩放效果,可以使用CSS的transform属性来实现。

下面是一个示例,展示了如何使用CSS将图像缩小为原来的50%:

css
img {
transition: transform 0.5s ease;
}

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

在这个示例中,我们使用了transition属性来添加一个过渡效果,使图像缩放的动画更加平滑。

然后,我们使用:hover伪类选择器来指定当鼠标悬停在图像上时应用的样式。在这里,我们将transform属性设置为scale(0.5),这将把图像的大小缩小为原来的50%。

你可以根据需要调整scale()函数的参数来实现不同的缩放效果。