CSS3 In-Depth CSS3 In-Depth

Text Shadows and Box Shadows

Estelle Weyl
HTML5 & CSS3 in the Real World
The key to a good-looking shadow is transparency. Don’t use opaque shadows. The four settings for a shadow are left, top, blur and color. Create better looking text-shadows by including multiple shadows. Multiple shadows can be added by separating each text shadow with a comma. - http://mothereffingtextshadow.com/ Box shadows are similar in syntax to text-shadows, however, they add two additional values: inset and spread. Estelle experiments with generated content and box-shadow. Text stroke in CSS allows you to outline text. However, it currently only works in webkit and can be re-created using text-shadow. - http://peter.sh/experiments/vendor-prefixed-css-property-overview/
Get Unlimited Access Now