Question

I need to animate from transparent to coloured but when I do I get a white flash. I assume this is because there is no base colour to animate from. How do I get around this?

$('#nav a').hover(function() {
    $(this).animate({
        'background-color' : $(this).attr('data-background'),
        'color' : $(this).attr('data-rollover')
    }, 900);
});

<a style="color:#ffff00; " data-background="#000066" data-color="#ffff00" data-rollover="#000000" href="index.php?p=1" ><span >Home</span></a>

Answer 1

Animate the opacity instead of the background-color property.