淘先锋技术网

首页 1 2 3 4 5 6 7

CSS中可以实现图片放大效果。通过设置图片的缩放属性,可以让图片在鼠标悬停时放大。

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

在上述代码中,当鼠标悬停在图片上时,图片会放大到原来的1.2倍大小。

除了放大图片,我们还可以更改图片的透明度,产生淡入淡出的效果:

img {
opacity: 0.7;
transition: opacity 0.5s;
}
img:hover {
opacity: 1;
}

通过设置图片的初始透明度和鼠标悬停时的透明度,可以实现图片淡入淡出的效果。

总的来说,CSS中的图片效果可以通过设置图片的样式和动画来实现。这些效果可以让页面更加生动有趣,并给用户带来更好的体验。