Image MouseOver Effects

Contributed by BK-X01 on October 16th, 2008 Categories: Html/Style Sheet Codes, Tricks and Tweaks 5,542 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.

9 Responses to “Image MouseOver Effects”

  1. derek

    October 22nd, 2008 at 11:51 am

    pang explorer lang…

  2. chaline_04

    October 27th, 2008 at 7:59 am

    panu ba to???????????????/ang sakit na

  3. BK-X01

    October 27th, 2008 at 9:06 pm

    guys.. mail me here.. so i can tell you what to do.. mail me at fs… bloodkingx001@yahoo.com i’m always logged in.. add me first.. then i’ll tell you what to do.. and i’ll give you the codes… okay??

  4. razz

    October 31st, 2008 at 6:46 am

    patulong nman po.. d ako mrunong….
    pls….. razz_nhainthynne@yahoo.com

  5. AUDREY

    November 1st, 2008 at 11:33 am

    WUI PANO YAN? GUS2 KO DIN GUMAWA!!!! PLSSSSSSS

    ADD NIO KO..

    AUDREY_MARAMAG05@Y.C AND AUDREY_CHAN05@YAHOO.COM

  6. daine

    November 2nd, 2008 at 12:02 pm

    WHERE SHOULD I PASTE IT?

  7. r.hys5

    November 8th, 2008 at 8:29 pm

    you weren’t specific enough to tell where to paste it

  8. maan

    November 15th, 2008 at 11:11 am

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

    ^^ it was written there..Ü

  9. axil_jhon

    November 19th, 2008 at 10:48 am

    gawa ako nyan ^^ahha

Leave a Reply