css shadows – text
Shadows are graphical improvements for design or usability. We may want to create a design with shadows under images or boxes, But shadows also can improve usability for text positioned over images.
In this post we’ll try to present some css techniques for text shadows, and in a future posts, we’ll try to gather some css image/box shadows, continued with javascripts that do this for us.
Text shadows:
Creating Cross Browser Compatible CSS Text Shadows
This technique use different browsers behaviour ( for example use filter for ie , or text-shadow for safari).
This one makes use of “content” attribute in css. You will have to create an id for every item u want shadowed and set the content attribute the same with the text displayed.
This one use same “content” attribute, but also it uses selectors so you can setup a class for this. Instead for every shadowed item, you’ll have to set “title”attribute. Is not working in IE 6.
” Use absolute positioning to make a duplicate block of text. Then offset the first text block and use a dark gray color for the text. ”
Let us know if we missed something.
