HTMLQUEEN

The Ultimate Tool

Rollover

The following code creates a special effect for your image when the mouse rolls over it.

This code brought to you by:

Rollover

This code makes your picture links semi-transparent:
<STYLE type=text/css> a:link img {filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}a:hover img {filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}a:active img {filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}a:visited img {filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}</style>

Place your mouse over the following photo to see how this works.

Here are some other effects you can use for your images:

BLUR	X-RAY	WAVE
<style type="text/css"> a:hover img {Filter: Blur(Add=0, Direction=225, Strength=10)} </style><a href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif"alt="Html Queen. Hook up your myspace profile! Contact menus- Online now Icons - Graphics - Codes"style="position:absolute; left:0px; top: 0px;"border="0"></a>	<style type="text/css"> a:hover img {Filter: xray} </style><a href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif"alt="Html Queen. Hook up your myspace profile! Contact menus- Online now Icons - Graphics - Codes"style="position:absolute; left:0px; top: 0px;"border="0"></a>	<style type="text/css"> a:hover img {Filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10)} </style><a href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif"alt="Html Queen. Hook up your myspace profile! Contact menus- Online now Icons - Graphics - Codes"style="position:absolute; left:0px; top: 0px;"border="0"></a>
FLIPV	FLIPH	GREYSCALE
<style type="text/css"> a:hover img {Filter: FlipV} </style><a href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif"alt="Html Queen. Hook up your myspace profile! Contact menus- Online now Icons - Graphics - Codes"style="position:absolute; left:0px; top: 0px;"border="0"></a>	<style type="text/css"> a:hover img {Filter: FlipH} </style><a href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif"alt="Html Queen. Hook up your myspace profile! Contact menus- Online now Icons - Graphics - Codes"style="position:absolute; left:0px; top: 0px;"border="0"></a>	</td> <style type="text/css"> a:hover img {Filter: Gray} </style><a href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif"alt="Html Queen. Hook up your myspace profile! Contact menus- Online now Icons - Graphics - Codes"style="position:absolute; left:0px; top: 0px;"border="0"></a>

|

Go Back

Select a Code:

Resources

Your Link Here