Question

所以，对于我的俱乐部日程表，我正试图进行转换游戏，当盘旋时，td会越来越大。然而，当我这样做的时候，虽然里面的文字变得更大，但是盒子并没有真正增长。此外，彩色盒子具有这种奇怪的后效，其中顶部和/或底部保持较大。这是小提琴（我是新手，所以如果链接不起作用，我道歉）：

http://jsfiddle.net/glenohumeral13/Lcs68/

以下是我认为的相关代码：

td {
    width: 35px;
    text-align:center;
    font-family: Helvetica, Arial;
    font-size: 16px;
    font-weight: 100;
    transition: transform 1s ease-in;
}
td:hover {
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

我真的很感激，如果你能修复它，你也可以花时间为什么解决方案有效，因为我希望将来能够解决这个问题和相关问题我自己。谢谢！编辑：感谢大家的快速回复！我尝试了所有的解决方案，但是一旦过渡结束，盒子就会变成白色。由于某些原因，这可能只是我的电脑吗？编辑：没关系：问题解决了！谢谢大家！上次编辑：抱歉！我现在正在使用Chrome，如果它现在可以帮助任何人。

Answer 1

LIVE DEMO

更新：

现在for modern browser (>= IE10)您不需要在transform声明中为transition的属性添加前缀。

td {
   width: 35px;
   text-align: center;
   font-family: Helvetica, Arial;
   font-size: 16px;
   font-weight: 100;
   transition: /*transform*/ 1s ease-in;
}

（问题是通过删除transform来解决的，因此它获得了默认值all）

... transition: all 1s ease-in; ...

为什么我的过渡变换表现得很奇怪？

1 个答案: