CSS Text effects for MSIE

Here are some cool css text effects for microsoft internet explorer. You can use them with images too. With mozilla firefox you will see just normal text without formatting.

CSS Text Effects: Wave

CSS Text Effects:Shadow

CSS Text Effects: Flip Horizontal

CSS Text Effects: Flip Vertical

CSS Text Effects: Glow

CSS Text Effects: Alpha

CSS Text Effects: Blur

CSS Text Effects: Chroma

CSS Text Effects: DropShadow

CSS Text Effects: Gray

CSS Text Effects: Invert

CSS Text Effects: Mask

<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: #f11; Filter: Wave" title="CSS Text Effects: Wave">CSS Text Effects: Wave</h2> 


<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: #f11; Filter: Shadow(Color=#0000FF, Direction=225)" title="CSS Text Effects:Shadow">CSS Text Effects:Shadow</h2> 


<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: #f11; Filter: FlipH" title="CSS Text Effects: Flip Horizontal">CSS Text Effects: Flip Horizontal</h2> 


<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: #f11; Filter: FlipV" title="CSS Text Effects: Flip Vertical">CSS Text Effects: Flip Vertical</h2> 


<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: #f11; Filter: Glow(Color=#ff0, Strength=20)" title="CSS Text Effects: Glow">CSS Text Effects: Glow</h2> 


<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: #800; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)" title="CSS Text Effects: Alpha ">CSS Text Effects: Alpha </h2> 


<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: blue; Filter: Blur(Add = 1, Direction = 225, Strength = 10)" title="CSS Text Effects: Blur">CSS Text Effects: Blur</h2> 


<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: #3300FF; Filter: Chroma(Color = #3300FF)" title="CSS Text Effects: Chroma">CSS Text Effects: Chroma</h2> 


<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: #f11; Filter: DropShadow(Color=#000000, OffX=2, OffY=2, Positive=1)" title="CSS Text Effects: DropShadow">CSS Text Effects: DropShadow</h2> 


<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: #f11; Filter: Gray" title="CSS Text Effects: Gray">CSS Text Effects: Gray</h2> 


<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: #f11; Filter: Invert" title="CSS Text Effects: Invert">CSS Text Effects: Invert</h2> 


<h2 style="width: 468px; height: 60px; font: bold 24px verdana; color: #f11; Filter: Mask(Color=#1e2)" title="CSS Text Effects: Mask">CSS Text Effects: Mask</h2>
Tags:

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Use <pre> all your html php come here </pre> for your code
  • Allowed HTML tags: <a> <b> <pre> <h1> <h2> <h3> <h4> <h5> <h6> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <div> <style><img> <br> <blockquote>
  • Lines and paragraphs break automatically.
  • You may insert videos with [video:URL]

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Enter the characters shown in the image.

CafeWebmaster.com(CW) is a free online community for webdevelopers and beginners. Anybody can share their code, articles, tips, tutorials, code-examples or other webdesign related material on the site. Newbies can submit their questions and reply to existing questions. CW does not guarantee or warrant reliability of code, data and information published on the site. Use the site on your own risk. The site takes no responsibility of direct or indirect loss or any kind of harm to its users. The site also doesn't take responsibility of infected files or source code with any kind of infection or viruses, worms, spywares, malwares, trojan horses. CW reserves the right to edit, move, or delete any of content for any reason.