Shadows Examples

Best viewed in modern browsers. Don't forget to view the source to examine the different browser hacks required to implement shadows in various browser environments.

Simple example to demonstrate rounded corners and shadows.

Note that both Safari and Mozilla have to be included in the CSS hacks.

Another example, this one with inset shadow.

Again, we have to include Safari and Mozilla CS hacks. Of course, the specific properties differ between -moz and -webkit hacks.

Text Shadow Example

Don't forget to view the source code for this file to see how shadows are applied to text.

Ok, I went overboard with shadows.

Can you guess what I did before examining the source code?