Htmlqueen

 

SELECT YOUR CODE

Home
Backgrounds
Fonts
Images
Links
Scrollbars
Color Chart
Cursor
Borders
Mouseover
Scroll Text Marquee
Scroll Image Marquee
Slideshow
Bullets/Number List
DIV/Textarea/Tables
Music/Video
Picture Rollover
Extras
Graphics/Animated Gifs
Myspace Codes

ROLLOVER/HOVER

The following codes create a special effect for your image when the mouse rolls over it.

Click your mouse inside this box and copy/paste the highlighted code in the "edit" section of your website.

 

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" mce_href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif" mce_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" mce_href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif" mce_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" mce_href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif" mce_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" mce_href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif" mce_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" mce_href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif" mce_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" mce_href="http://www.htmlqueen.com"target="_blank"><img src="http://www.htmlqueen.com/html.gif" mce_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>

Click here to add cute BOXED ICONS to any website!

More Popular Codes: Change Text Color and Text Size, Add Music or Video to Website, Change Page Cursor, Picture Slideshow and More!