Multiply Republic
SEARCH BOX

Group's posts with tag: image hover

What are tags? You can give your posts a "tag", which is like a keyword. Tags help you find content which has something in common. You can assign as many tags as you wish to each post.
View posts by people in your network with tag image hover

Adding Photo Transform on Hover

Posted by -JJ- on Nov 13, '07 4:04 PM for everyone

/*IMAGE TRANSFORM*/

a:hover img {
filter:Alpha(Opacity=50,FinishOpacity=0,Style=0);
-khtml-opacity: 0.50;
-moz-opacity: 0.50;
opacity: 0.50;
}

You can try different key words to substitute with the keyword Alpha. Try also Blur ( blur the image), FlipH (flip horizontally), FlipV (flip vertically), Gray (grayscale), Invert (Inverted), Mask, Wave and XRay.

Try it and experiment on different types of Image transforms.. (unfortunately, it works only in IE)