0 comments

Image Mouse Hovers

Published on Wednesday, January 19, 2011 in





/* Normal Alpha Image Effect */ img { opacity:1;filter:alpha(opacity=100) } a:hover img { opacity:.50;filter:alpha(opacity=50) }




/* Pixelate Image Effect */ img { opacity:1;filter:alpha(opacity=100) } a:hover img { filter:progid:DXImageTransform.Microsoft.Pixelate(percent=8) }





/* Wave Image Effect */ img { opacity:1;filter:alpha(opacity=100) } a:hover img { filter:wave(lightstrength=5,strength=8) }






/* Invert Image Effect */ img { opacity:1;filter:alpha(opacity=100) } a:hover img { filter:invert }






/* GrayScale Image Effect */ img { opacity:1;filter:alpha(opacity=100) } a:hover img { filter:gray }





/* Xray Image Effect */ img { opacity:1;filter:alpha(opacity=100) } a:hover img { filter:xray }





/* Flip Horizantally Image Effect */ img { opacity:1;filter:alpha(opacity=100) } a:hover img { filter:fliph }






/* Flip Vertically Image Effect */ img { opacity:1;filter:alpha(opacity=100) } a:hover img { filter:flipv }





/* Blur Image Effect */ img { opacity:1;filter:alpha(opacity=100) } a:hover img { filter:blur(strength=8) }





/* Style 3 Alpha Image Effect*/ img { opacity:1;filter:alpha(opacity=100) } a:hover img { opacity:.50;filter:alpha(opacity=50, style=3) }






/* Style 2 Alpha Image Effect*/ img { opacity:1;filter:alpha(opacity=100) } a:hover img { opacity:.50;filter:alpha(opacity=50, style=2) }







/* Style 1 Alpha Image Effect*/ img { opacity:1;filter:alpha(opacity=100) } a:hover img { opacity:.50;filter:alpha(opacity=50, style=1) }

Spread The Love, Share Our Article

Related Posts

No Response to "Image Mouse Hovers"

Add Your Comment