Shadow animation jQuery plugin > jQuery plugins > Shadow animation > Shadow animation tests

Animate box shadows test page

Two extra boxes with animated shadows, just for testing.


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

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


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 <>