WebDevelopersNotes logo

home-icon Home / CSS / How do I create shadows using style sheets?

How do I create shadows using style sheets?

How do I create shadows using style sheets?

Internet Explorer displays several text effects through style sheets. Here I’ll show you how to create a shadow for a piece of text.

The shadow is made using the filter rule through which we specify the color value. The height and the width rules are important too.
This style can be placed inside the HTML head section, to be called using the CLASS attribute of a <DIV> or <SPAN> tags or the style can be used as an inline style.

Note: These style sheet commands do not work in Netscape 4.7.

The Shadow Filter

The shadow style sheet

       {height:50;
        width:400;
        font-size:20pt;
        font-weight:bold;
        filter:shadow(Color=#009966)}

Sponsored Links

Your comments
Star icon IMPORTANT Have a question / problem? Click here to ask an expert.

If it's on the Internet, it must be true.

Sponsored Links

Tips

How do I view a deleted web page?
Is there a way to view a deleted web page - one that is no longer available? Yes there is and the solution is quite simple. [more...]

Fact

The Times New Roman typeface is probably based on a font designed by William Starling Burgess some 30 years before. Times New Roman was created in 1931 by Victor Larden under the guidance of Stanley Morison. The typeface was commissioned by The Times UK. They approached Morison who had voiced his criticism of the typeface the newspaper had been employing. The Times ended up using Times New Roman for 40 years straight. [more...]

We use cookies to give you the best possible website experience. By using WebDevelopersNotes.com, you agree to our Privacy Policy