Text Shadow for all Browsers

This guide shows you how to apply a shadow to text with CSS. this is work in all new browsers (IE, Firefox, Chrome …) Filters only work on Internet Explorer 4.0+, and only work on text if height and width are specified.

Copy and paste this code where you want the css drop shadow effect to appear on your webpage. it’s an example:

DropShadow Text
<span style="text-shadow: 3px 3px 3px #ccc; Filter:DropShadow(Color=#cccccc, OffX=3, OffY=3, Positive=1); width: 400px;line-height:100px; font-weight:bold;>DropShadow Text </span>
Category:tutorials
Tags:
Browse: Home » learning » tutorials » Text Shadow for all Browsers


2 Responses to “Text Shadow for all Browsers”

  1. Colton Kuhls says:

    It’s nice to see people put effort into their posts, nicely done

  2. Hey this is a great article. I’m going to email this to my friends. I stumbled on this while surfing for some freebies, I’ll be sure to come back. thanks for sharing.

Leave a Reply