Mobile Friendly Website


Doing it with style

shadow text COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

why the span?
h1.split {position:relative;color:#000}
h1.split:before {content:attr(title); position:absolute; left:-1px; top:-1px; color:#def}
(06.01.2006, 13:31)

dexus, because it doesn't work ;o)
(06.01.2006, 16:11)

Ow I see, it only works in Opera.
( don't have firefox on my other computer )
(06.01.2006, 21:18)

dexus, yep. I also cannot get :before and :after to overlay no matter what I do.
(06.01.2006, 22:28)

Still no joy in IE7 for this one ...
(20.03.2006, 12:17)

Nice effect. There's a way to make it verticaly? I'm trying it but with no results. Either the shadow goes to the upper left corner or just below the text.
(11.05.2006, 18:10)

Man!! this is the most beautifulll site about CSS i ever seem ( i visited hundreds) !
Nice work , nice taste , easy !
Congratulations !
Dispit i canôt make a donation that u deserve , i will put a link in many sites ( and references in foruns ) i have to yours !
Good job !
Angelo !
(09.07.2006, 16:55)

I think it is possible toàuse filters inàIE toàachieve shadow effect. Soàmay be we'll see CSS text shadows inàfutureà:).
(02.02.2007, 08:23)

Hmm I see script that brokes non-breaking space at first time.
(02.02.2007, 08:25)

Hi Stu -
So is there a way to make this play nice in IE7? Even if it means IE7 users see "plain text" it's better than the mess they see now.
I LOVE the way this looks, but simply can't use it if it can't have at least a passable appearance in all browsers....
Your response is appreciated =
(14.01.2008, 05:16)

Working fine on IE 8 Beta 1
(06.03.2008, 15:24)

Just a thought simply use

h1.split {font-size:2.5em; position:absolute; font-family:arial, verdana, sans-serif; height:1em;}
h1.split span {position:absolute; left:-1px; top:-1px; color:#def;}

burn this part content:attr(title)

Seems happy in IE7
(01.10.2008, 02:26)

.. and the HTML

<h1 class="split2" title="no need for this"><span>MATTS FIX FOR IE</span>MATTS FIX FOR IE</h1>
(01.10.2008, 02:28)


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


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.


Facebook Twitter rss feed Facebook Fan Page