开发者

Fading Hyperlink Transition on premiumpixels.com - How?

Hover over most any hyperlink on the site (loo开发者_运维百科k 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!


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.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜