CSS3 Shadow Effects
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.
Leave a Comment:
Item Attributes
- 665
- 04/19/2012
- Web & UI
Files Included
Designer
-
Tony Thomas
MediaLoot Designer
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 →
Comments
Hello, I’ve tried to apply a couple of these shadows to my content boxes and it isn’t applying them correctly. The shadows appear right at the top of the page instead of effect 8 showing to either side of the slide box and effect 1 does not show beneath each post box but instead at the top of the page as well.
I’ve applied effect 8 to #slider_area .sliderBox:before and effect 1 to #content .post:before,
#content .post:after
Thanks