CSS3 Shadow Effects

In the past designers have always relied on Photoshop for creating interesting, dynamic shadow effects. CSS3 helped a lot by introducing the 'box-shadow' property, but this only creates very basic, off-set drop shadows.

That's where this resource comes in. As the name implies, these unique shadows effects have all been created using pure CSS. But by utilising multiple new CSS3 properties and techniques they have unique, interesting effects like those usually only achievable with images.

Live Preview

See the shadows in action here: Live Demo.

Browser Support

Supported by modern browsers (ie. Firefox, Safari, Chrome, Opera) and Internet Explorer 9.
In Internet Explorer 8 and lower, the shadows will not display.