CSS 可以让页面元素在鼠标经过时改变样式,其中包括图片的动效。下面是示例代码:
img:hover{ transform: scale(1.1); transition: transform 0.2s ease-out; /*其他样式,如透明度等*/ }
这段代码的意思是:当鼠标经过图片时,将图片放大 1.1 倍,过程时间为 0.2 秒,并且改变其他样式。实际效果可以通过浏览器查看。
除了上述例子外,还有许多其他方式可以让图片在鼠标经过时产生动效,比如图片的位置、颜色、透明度等等。这些特效可以通过 CSS3 的属性来实现,需要对 CSS 有一定的了解。
需要注意的是,如果使用大量的图片动效,会增加页面的加载时间和服务器压力,因此应该慎重使用,并做好网站优化工作。