skip to content

Shadow Text

SHADOW TEXT FOR NON-IE HEADINGS

... but again IE will only see monotonous text.


Information

Similar to my previous example of two tone headings, 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.



Copyright

You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.

Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.

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.


Recommended Sites

CSSplay web design/assistance

"The citroen.co.uk web site uses
CSS Play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."

Damon Clark - Brandwidth


Advertise with CSSplay

CSS play pages

CSS (Design) - TOP.ORG

CSS play recommend

PSD to HTMLFree, practical CSS menus, layouts, and examplesSitegrinder