With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius.
Example:
$('#box1').animate({shadow: '0 0 30px #44f'});
The plugin works in the current versions for Firefox, Safari and Chrome. It is expected to work in Internet Explorer 9 when it is released.
Due to a bug in Opera, it doesn't work in this browser.
Currently, the shadow offset, blur and spread should be defined in pixels, so no ems, percentages etcetera. The plugin supports only one shadow.