CSS play

Doing it with Style

Search CSS PLAY

MOZILLAShadow Text

Date : Pre 2006

Before the introduction of 'text-shadow' styling




SHADOW TEXT FOR NON-IE HEADINGS

But IE will only see monotonous text.




Information

Similar to my 'two tone heading' example, this is a method of adding a shadow to your headings without having to add repeated text.

Internet Explorer will again just see a single color heading and will not know what it is missing.

Making use of content:before we can create a copy of the h1 heading and offset it to create the drop shadow effect.

Using a positive offset value will create the appearance of inset text.

Support CSS play

Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.

Copyright

Most of my demonstrations can be used without asking for permission. However, some will require email approval first. Just check each page for the copyright requirements before use.

If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.