1

我有一个 css 翻译发生在悬停时。它只影响 Y 轴，但它正在跳跃。这使得悬停效果看起来很不稳定。

-webkit-transform: translate(0,5px);

效果是在主导航上。你可以在这里看到它：http: //pineriver.com

这与舍入或文本像素对齐有关吗？如果是这样，我不喜欢它:) 你可以看到我已经尝试过像opacity:.99.

我已经通过使用传统的top:和bottom:进行翻译来解决这个问题，但我仍然很好奇为什么会发生这种情况。我真的很想能够使用 css 翻译来做这样的视觉黄油事情。

4

1 回答 1

1

我认为这是一个有趣的问题，但我要把所有的功劳归功于谷歌。

在 nav.primary ul li 和 .siteHeader .siteLogo 规则中添加：

-webkit-backface-visibility: hidden;

我在这里和这里找到了这个想法。

这里还有一些来自 stackoverflow 的更多信息。他们在谈论 iPhone 开发，但它仍然是 webkit。

于 2013-03-02T05:13:11.593 回答