CSS 3 - using the text-shadow property - can you see it?

      Home » Websites & software » CSS 3 - using the text-shadow property - can you see it?

CSS 3 - using the text-shadow property - can you see it?

If you are still using Internet Explorer, in any version , then you are missing out on the new CSS3 tools that are emerging on websites. In particular the new text-shadow property is not supported.

If you are using another browser you will see a slight shadow around the forum title text on the index page http://xmb.stuffucanuse.com... This is just experimental at present, but it has the potential to look great. Prior to using text-shadow all shadowed text had to be made with either a graphic, or some JavaScript.

The code I am using to make this is merely

text-shadow: #6B78A9 1px 1px 1px;

#6B78A9 is the color,

The first 1px is the X-coordinate of the text-shadow (1px), relative to the text

The second 1px is the Y-coordinate of the text-shadow (1px), relative to the text

The third 1px is the blur radius of the text-shadow (1px), which means the amount of space the shadowtext is 'stretched', causing a blur effect. 0 means: no blur. Don't set this value too high, the shadowtext quickly becomes illegible.

Try it, if you can, and upgrade to a better web browser if you can't see this feature, its becomming common on many websites now.

More information here....
 http://www.quirksmode.org/c...

shadow-text.jpg - 14.51kb
By netchicken: posted on 23-1-2010








CSS 3 - using the text-shadow property - can you see it? | [Login ]
Powered by XMB
Privacy Policy