Text-shadow using CSS3

Text-shadow using CSS3

CSS3 finally eliminates the need for Photoshop when all you want to do is a simple shadow. The text-shadow property is used as follows:

  1. text-shadow: 2px 2px 2px #000;

The text-shadow property is supported in all major browsers, except Internet Explorer. The text-shadow property applies shadow to text.

  1. text-shadow: horizontal-shadow vertical-shadow blur color;

The text-shadow property attaches one or more shadows to text. The property is a comma-separated list of shadows, each specified by 2 or 3 length values and an optional color. Omitted lengths are 0.

  1. text-shadow: 0 0 4px white, 0 -5px 4px #FF3, 2px -10px 6px #FD3, -2px -15px 11px #F80, 2px -25px 18px #F20;

Hello Text Shadow

No comments:

Post a Comment