淡入 premiumpixels.com 上的超链接过渡 - 如何实现?

发布于 2024-11-02 03:39:46 字数 313 浏览 5 评论 0原文

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

我确信它是 jQuery,直到我在 jquery.custom.js 文件——仅添加特定的悬停颜色类。

困惑!

Hover over most any hyperlink on the site (look at the footer on the homepage for a quick example) and you'll see a gentle fade to the hyperlink's hover color.

I was certain it was jQuery until I could find no mention of these animations in the jquery.custom.js file -- only adding specific hover color classes.

Baffled!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

浪荡不羁 2024-11-09 03:39:46

看起来是这样的:

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;
}

我很尴尬地说我对过渡属性不熟悉,但一开始我也很困惑,特别是在我禁用了 javascript 之后:)

它在 FF4 和 Chrome 中对我有用,但是 根据这篇文章我快速谷歌搜索,IE9将不支持这个财产。我不会认为这是事实,这只是我经过 5 分钟研究后发现的结果。

Looks like this is doing it:

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;
}

I'm embarrassed to say that I'm unfamiliar with the transition property, but I was baffled at first too, especially after I disabled javascript :)

It worked for me in FF4 and Chrome, but according to this article I quickly googled, IE9 will not be supporting this property. I wouldn't take that as fact, that's just what I found with 5 minutes research.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文