WebDevelopersNotes logo

home-icon Home / CSS / How to create text blur effect using style sheets

How to create text blur effect using style sheets

How to create text blur effect using style sheets

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

The blur is made using the filter rule through which we specify the blur direction and its strength in pixels. 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.7x.

The Blur Filter

The text blur style sheet

      {height:50;
       width:400;
       font-size:20pt;
       font-weight:bold;
       filter:Blur(Direction=45, Strength=8)}

Sponsored Links

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

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 first message over the Internet (actually it's predecessor, ARPANET) was the word "login" on October 29, 1969. Should we celebrate Internet birthday on this day? [more...]

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