【发布时间】：2017-11-29 10:37:42
【问题描述】：
我正在尝试这样做，以便当有人将鼠标悬停在某个 div 中的链接上时，字体大小会略微增加。我已经这样做了：
footer #mid .box ul li a:hover {
color: #ccc;
transform: translate(2%);
font-size:25px;
}
我遇到的问题是，当尺寸增加时，它总是在同一个方向增加，所以不是所有四个边的尺寸都增加，它只会在左侧和底部增加。我有没有办法让所有尺寸的变化都相等，或者至少控制哪一边增加？如果这很重要，我目前正在对这些元素使用绝对定位。
【问题讨论】：
-
查看transform 文档。 CSS 的转换部分是否对您的问题至关重要？
-
这不是必需的，但这是我希望在悬停时发生的效果。如果您在下面看到答案和 cmets，则在此处概述了解决方案，而无需删除我的 css 中的转换。