Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

css3 fade transition on links only works for some links on my website for chrome

css3 fade transition on links only works for some links on my website for chrome

Problem

Here is a jsfiddle which works: http://jsfiddle.net/n52ES/

It is how I have it set up on my website. However, if you notice on my website, only the 'subscribe' link in the footer (bottom center) works with the fade in transition on hover and the other links above it (i.e. google+, twitter) don't work. The same for the links at the very top right of the website in the navigation. I noticed this only happens in Chrome.

Does anyone have an idea as to why it only works for the 'subscribe' link? I'm lost.

Problem courtesy of: John

Solution

The current version of Chrome stable has a bug that prevents it from animating visited links: http://code.google.com/p/chromium/issues/detail?id=101245 (this is why you are able to see it, but other people won't unless they actually click and go back to your website).

I'd just wait for it to be fixed.

Solution courtesy of: Duopixel

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

css3 fade transition on links only works for some links on my website for chrome

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×