May 6, 2011

The Secret to Beautifully Inset/Embossed Text

White drop shadows.

This simple technique has totally transformed my designs in the last couple weeks. My buttons have more dimension. My text has more impact. I feel so Web 3.0.

Try it in your favorite image processor... or even better, IN CSS!

text-shadow:1px 1px 0px #fff;
filter:DropShadow(Color=#ffffff, OffX=1, OffY=1); /* FOR IE */

No comments: