CSS3 - 鼠标经过图片缓慢放大、鼠标离开缓慢还原
要实现鼠标经过图片时放大，鼠标离开时缩小到原始大小的效果，可以使用CSS3的transition属性来实现动画效果，以及:hover伪类来定义鼠标经过时的样式。
以下是实现该效果的CSS代码示例：
img {
transition: transform 0.5s ease; /* 定义变换动画，0.5秒内完成 */
transform: scale(1); /* 默认缩放比例 */
display: block; /* 使图片宽度占满父容器 */
}
img:hover {
transform: scale(1.1); /* 鼠标经过时的缩放比例 */
}将上述CSS代码添加到你的样式表中，并确保你的HTML代码包含了图片元素。鼠标经过图片时，它会平滑放大，鼠标离开后，图片会平滑缩小到原始大小。
评论已关闭