Shadow animation jQuery plugin

Bitstorm.org > jQuery plugins > Shadow animation > Shadow animation tests

Animate box shadows test page

Two extra boxes with animated shadows, just for testing.

Example

Change the shadow to a centered 30-pixel blur with no opacity:

$('#box1').animate({boxShadow: '0 0 30px rgba(64, 64, 255, 0)'});

Demo

The first box tests the alpha channel, the second box tests negative pixel values.

mouse over
mouse over

Boxes to test floating point alpha values.

mouse over
mouse over

Edwin Martin <edwin@bitstorm.org>