Need help with Jquery sprite animation
# June 16, 2013 at 7:18 am
Hey guys. I’m trying to implement some jquery fade animations for my sprite based navigation following Chris’ help guide [here](http://css-tricks.com/fade-image-within-sprite/) using method #1 and I’m almost there but it looks a little off to me in Chrome:
**EDIT: I’ve switched to the CSS variant (method 1) and the same problem occurs.
I’m trying to get it working on the Home button. When I mouseover the span area goes white before fading away. The fade out motion seems fine. Sorry if this is super obvious but any advice would be great!
Cheers# June 16, 2013 at 8:05 am
Try removing this script: http://samuelmitchelldesigns.com/wp-content/themes/twentyeleven-child/js/nav-script.js?ver=3.5.1# June 16, 2013 at 10:03 am
I’really puzzled… hope some one else tags along.
It’s not a bug, else it wouldn’t be in Chrome, Firefox and Opera (and maybe Internet Explorer if you add the unprefixed transition property).
Try to create a simplified nav in CodePen, just the most essential HTML and CSS to make it work, see if that works.
You must be logged in to reply to this topic.