CSS tutorials
This tutorial explains how to create a text with shadow using CSS.
It has been tested and works with the following browsers:
You can see it in action here: Demo.
First let's create a structure of our text container together with a text.
Now we are going to apply some formatting using CSS.
We are applying a position: relative; to the text container (#wrapper). This way all other elements within #wrapper which are using absolute positioning will be positioned relatively to the #wrapper not the body tag.
Then firstlayer and secondlayer get their absolute positions with secondlayer being 2px lower and to the right.
At the end we need to apply z-index to indicate which layer should be on top of the other.
And that's it - any questions or suggestions - get in touch.
Website Design Company | Website Design Company Sussex | Website Design Company Chichester | Website Design Packages | Tutorials Resources | Articles | Contact
© Web Design Tutorials – Sebastian Sulinski