Question

我想用动画缩放/取消缩放文本。问题是文本绝对位于相对div内部，当我为font-size设置动画时，文本仅扩展到右侧和底部。我希望它能够平等地扩展/收回所有方面。

准备好的示例：http://jsbin.com/welcome/48103/edit

Answer 1

<强> DEMO

<a class="zoom" href='#' style='font-size:12px;top:50px;left:50px'>Hover me!</a>

.zoom {
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.zoom:hover {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}

Answer 2

水平中心对齐很容易。只需添加text-align: center即可。但是如果你想在中间对齐它，你需要使用display: table，因为“仅”td被“允许”设置vertical-align: middle。因此，您必须构建一个div表格布局：http://jsbin.com/welcome/48145/edit

JQuery：悬停时缩放文本

2 个答案: