WebDevelopersNotes logo

home-icon Home / CSS / How to create drop shadows using style sheets

How to create drop shadows using style sheets

How to create drop shadows using style sheets

Internet Explorer displays several text effects through style sheets. Here I’ll show you how to create a drop-shadow to text using style sheets.

The drop shadow is made using the filter rule through which we specify the shadow color and its X-axis and Y-axis offset values. 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 work only in Internet Explorer browser.

The Dropshadow Filter

The drop shadow style sheet

       filter:DropShadow(Color=#EEEE66, OffX=5, OffY=5)

Sponsored Links

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

Sponsored Links


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...]


Though the development of the iPad was underway before the iPhone, the mobile phone was launched before the tablet. In fact, Steve Jobs intentionally shelved the iPad project in favour of the iPhone. [more...]

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