Javascript 如何"；“缩放”/&引用；比例尺；在div'中；是用css还是jquery？

我试图实现的效果需要将中心保持在其位置并放大内容，同时仍保持div的宽度和高度

例如：

before -> after

 [x]      [X]

或者如果你不介意的话，在主页和它的方形容器上实现了链接吗

我尝试过使用inspect元素特性，但没有找到任何javascript调用或css。谷歌也没有给我任何指导，我想很难命名这种效果

因此，如果有人能这么好，并转发给我的教程，功能或给一些提示，我将非常感谢

期待您的回复。

您正在寻找的

在相关网站上，这是通过以下方式实现的：

.view-tenth img {
    /* [other directives omitted] */
    transition: all 0.6s ease-in-out 0s;
}

.view-tenth:hover img {
    /* [other directives omitted] */
    transform: scale(1.1) rotate(0deg);
}

---

我相信‘过渡：>all@UtherTG-这是正确的，尽管不在OP的问题范围内；）首先，谢谢你。我仍然不知道如何保持图像的原始宽度和高度。当我将鼠标悬停在图像上时，它会放大并增加其宽度和高度。我错过了什么？哦，我是个白痴：我完全忘记了溢出属性。谢谢你，乌瑟特，我要研究一下这些变换，看看你们用“全部”选择器做了什么