🎉 Try Slides With Friends — Icebreakers, Team Building Games, Wordclouds & more! Check it out →

CSS3 Shadow Effects

Css3  Shadow  Effects  Preview1
  • Image Thumbnail
  • Image Thumbnail
  • Image Thumbnail

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.

Paid License

By purchasing or downloading this item you are agreeing to abide by all terms and conditions laid out in the MediaLoot License Agreement. View the full license >


Don't Miss Another Freebie - Sign Up for Our Newsletter!

Make sure you don't miss out on future free resources by signing up for our weekly newsletter.


You've successfully logged in!