views:

72

answers:

3

alt text How can I create this efect with text-shadow?

+2  A: 

CSS3.info has the kind of stuff you are after.

e.g. use the CSS3 text-shadow property.

text-shadow: 2px 2px 2px #71ab32;/*alter as needed*/
              ^   ^   ^
              |   |   +-- blur radius
              |   +-- Y offset
              +-- X offset

Just be aware that only the latest browsers support this (e.g. not IE)

scunliffe
+3  A: 
text-shadow: #71AB32 0 1px 0;
Andrew Bullock
he doesn't want any blur as it appears (see spread and size), so last 1px should be 0, no?
mr.b
yeah, just fixed that
Andrew Bullock
A: 

you can use text as an image for perfect output

Jack