Text Shadow Filter in IE

You can drop shadows to text using the text-shadow property which was re-introduced in CSS3. The syntax goes as:

.divOne { text-shadow: 3px 4px #666; }

which adds a drop shadow hex code #666 3px to the right and 4px down from the original text. However text-shadow works on only Firefox, Opera and WebKit browsers. It is not supported in IE.

In IE 5.5+ you have to use DXImageTransform.Microsoft.Shadow which creates the illusion of a shadow. Here’s how to use it

You can also use the Shadow Filter app to achieve the desired effect. It creates CSS markup for you based on the selected values



Note: In IE9, this feature has been deprecated and the effect of this filter can only be viewed and not printed.