Question

我一直在寻找对此类链接产生类似效果的脚本：http://applemaybe.com/

在顶部菜单上看到，单击链接，悬停状态不会立即显示但是褪色，图标也会以很好的方式滑动。我需要脚本，它会产生完全相同的效果。

任何帮助表示感谢。

Answer 1

他们实际上正在使用CSS3过渡。如果你接受它并不适用于所有浏览器，因为这是一个令人眼花缭乱的效果，我建议你也这样做。在JavaScript中执行此操作可能不会产生良好的结果，并且可能也会导致性能不佳。

在CSS3中进行操作非常简单快捷。在提到的网站上，他们只有这个CSS3类：

a, .link {
    -moz-transition: color 0.4s ease-in-out 0s;
    ...
}

但是在这种情况下它只适用于Firefox。你应该注意CSS3还没有完成，所以它可能在将来发展。

有关CSS3过渡的文档，请参阅this page。