Feaured Profiles


Your profile here? Be featured now!

            


Image MouseOver Effects

Contributed by BK-X01 on October 16th, 2008 Categories: Html/Style Sheet Codes, Tricks and Tweaks 7,208 Views
1 Star2 Stars (+1 rating, 1 votes)
Loading ... Loading ...

Works in IntExp only | Here are the Codes:

X-ray : <style type=”text/css”> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:xray();} </style>

Preview: http://profiles.friendster.com/85669434

Invert Colors: <style type=”text/css”> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:invert;} </style>

Preview: http://profiles.friendster.com/85795014

Engrave: <style type=”text/css”> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.engrave;} </style>

Preview: http://profiles.friendster.com/85795959

Emboss: <style type=”text/css”> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>

Preview: http://profiles.friendster.com/85796511

Blur: <style type=”text/css”> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.blur;} </style>

Preview: http://profiles.friendster.com/85797088

Flip Horizontally: <style type=”text/css”> a:hover img {filter:fliph;} </style>

Preview: http://profiles.friendster.com/85797962

Flip Vertically: <style type=”text/css”> a:hover img {filter:flipv;} </style>

Preview: http://profiles.friendster.com/85798631

Just simply paste the code you’ve chosen in your Media Box Section





Credits to Friendstertalk.com for the CSS and JS codes.

Leave a Reply