Question

Why can’t I animate a background colour to transparent? Here is my code:

$('#cs4').animate({'backgroundColor':'#ff6600'}, 2000);    

setTimeout(function() {    
    $('#cs4').animate({'backgroundColor':'transparent'}, 2000);
}, 2000);

Guys, i have already the plugin. its not the question. my question is how to render the bg transparent. with normal colors it works fine.

thanks in advance

Answer 1

You cannot animate background colors (or any color change for that matter) without a plugin. jQuery UI does this: http://jqueryui.com/

Here is a demo for animating color change: http://jqueryui.com/demos/animate/

You can build a small version of the library with their download tool that only has this functionality.