鼠标悬停时图片放大功能

作者: admin 分类: css,运营、维护日志 发布时间: 2025-08-20 09:09

我记得网站以前有这个功能,后面被我删除了,现在发现这个功能是必要的,其实很简单只要在CSS中加一句代码即可:

/* 鼠标悬停时轻微放大 */
.article_content img:hover {
    transform: scale(1.5); /* 放大比例可调整 */
}

.article_content img是定位图片的位置,后面的hover,是鼠标悬停在图片上时的事件(动作)。

transform: scale(1.5);是放大到原来图片的1.5倍大,具体可以自己调整。

特此记录!

相关文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Powered by 草根站长笔记 © 2015-2020 草根站长笔记 Inc.版权所有,禁止转载