CSS3 DropShadow

ppBlog

text-align: center;

text-align: right;

Flowers

This is box-shadow demo. In addition, text-shadow is availale in a block-level element.

     -moz-box-shadow: 10px 10px 15px rgba(0, 20, 230, 0.5);
  -webkit-box-shadow: 10px 10px 15px rgba(0, 20, 230, 0.5);
         text-shadow:  1px 1px 3px rgba(10, 130, 100, 0.5);

Notice that dropshadow effect works on the text above.

This is "inset" box shadow demo. For the moment, latest Firefox / Chrome/ Safari/ Opera support this method.
-moz-box-shadow: inset 0px 0px 10px rgba(10, 10, 10, 0.95);

This script enables IE to have CSS3-compatible dropshadow effect.

This is inline-text

Multiple text-shadow

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

          box-shadow: inset 0 0 1em red;
     -moz-box-shadow: inset 0 0 1em red;
  -webkit-box-shadow: inset 0 0 1em red;