更改字体大小过渡方向

Question

我正在努力做到，当有人将鼠标悬停在某个 div 中的 link 上时，字体大小会略微增加。我使用以下方法完成了此操作：

footer #mid .box ul li a:hover {
color: #ccc;
transform: translate(2%);
font-size:25px;
}

我遇到的问题是，当尺寸增加时，它总是在同一个方向上增加，所以不是在所有四个边上增加尺寸，而是在左侧和底部增加尺寸。有没有办法让我在所有尺寸上做出相同的改变，或者至少控制哪一侧增加？如果重要的话，我目前正在对这些元素使用绝对定位。

Answer 1

在元素上使用 text-align: left/right/center; 将字体左对齐、右对齐或居中对齐。然后字体将在相反方向或两个方向增加大小（用于中心对齐）。否则，您将不得不同时沿与 translate 或 top/left

大小变化相反的方向移动元素