jquery - premiumpixels.com 上的淡出超链接过渡 - 如何？

Question

将鼠标悬停在网站上的大多数超链接上(查看 homepage 上的页脚以获取快速示例)，您会看到超链接的悬停颜色逐渐淡出。

我确定它是 jQuery，直到我在 jquery.custom.js 中找不到这些动画的提及。文件——只添加特定的悬停颜色类。

困惑!

Answer 1

看起来像这样:

a { 
text-decoration: none; 
color: #2c2d31;
font-weight: bold;
transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-webkit-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
}

不好意思说我不熟悉 transition 属性，但一开始我也很困惑，尤其是在我禁用 javascript 之后:)

它在 FF4 和 Chrome 中对我有用，但是 according to this article我很快用谷歌搜索，IE9 将不支持这个属性。我不会把那当成事实，这正是我用 5 分钟的研究发现的。