Apr 30, 2010
A lesson in CSS3 – Box Shadow
Adding shadows to elements is no longer the work of an image editor. The introduction of box-shadow into CSS3 means that you can add shadows with a little bit of CSS.
-webkit-box-shadow: 2px 2px 3px #CCCCCC
The first attribute is the vertical offset, the second is the horizontal offset, the third is the blur radius and the final attribute is the shadow colour.
This technique works really well with applying a border radius to the element too as outlined in the previous CSS3 tutorial.