jquery, adding animation to changing background

[zExz]

is it possible to add animation to changing background. I tried with \[code\]CSS3\[/code\] property \[code\]transition\[/code\] \[code\]background and background-image\[/code\] like this:\[code\]var affected_element = $('body');affected_element.css('min-height', '100%');affected_element.css('min-width', '100%');affected_element.css('background-size', 'cover');affected_element.css('transition', 'background 1s');affected_element.css('-moz-transition', 'background 1s');affected_element.css('-webkit-transition', 'background 1s');affected_element.css('-o-transition', 'background 1s');var config = $('.fullscreen_src');affected_element.css('background-image', "url('" + config[0].src + "')");imageIndex = 1,setInterval(function(){ affected_element.css('background-image', "url('" + config[imageIndex++ % config.length].src + "')" ) }, 3000);\[/code\]but i don't see that transition is taking any effect? Am i doing something wrong or there is easier way to do this?