CSS 图片鼠标经过放大效果是增强网站可视性和用户交互的方法之一。本文将介绍使用 CSS 代码实现图片鼠标经过放大的方法。
/* CSS 代码 */
img {
transition: all 0.4s ease-in-out;
}
img:hover {
transform: scale(1.2);
}上述 CSS 代码添加了 transition 和 transform 属性。transition 属性用于设置动画效果，all 0.4s ease-in-out 表示所有属性变化使用 0.4 秒的时间完成，并使用平滑的过渡效果。
transform 属性用于元素的变形效果，其中 scale(1.2) 表示将元素沿着 X 和 Y 轴同时放大到原来的 1.2 倍大小。
将上述 CSS 代码放入 HTML 页面中的<head>标签内，即可为所有的图片添加鼠标经过放大的动画效果。