5

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

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

4

2 回答 2

5

使用 CSStransition属性制作动画：

.zoom {
  display: inline-block; /* this is needed for inline elements */
  transition: transform 0.3s ease-in-out;
}

.zoom:hover {
  transform: scale(1.4);
}
<a class="zoom" href='#'>Hover me!</a>

于 2012-11-13T16:29:09.033 回答
1

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

于 2012-11-13T16:12:45.400 回答