Image Effects

The filter names are shown above in the image.

Here they are again:

flipv (flip linking images vertical; on hover, it goes to normal)

fliph (flip linking images horizontal; on hover, it goes to normal)

invert (ivert the image; on hover, it goes to normal)

gray (give your linking image a grayscale effect; on hover, it will go back to normal colors)

The filter in the code below is set to gray.

<style type="text/css"> /* code provided by emberfly */ /* http://emberfly.createblog.com */ a:link img { filter: gray; } a:visited img { filter: gray; } a:hover img { filter: none; } </script>

BTW its for Blogger.

Do you know the coding for TEXT to appear once you rollover an image?

Oh good job btw lol i like the code

it works in IE, not FF only the alpha filter works in FF as far as i know.

@ roselyts: are you sure you're using it correctly ? It MAY NOT WORK in some browsers. It is confirmed to work in Internet Explorer; I have not tested in firefox.

it doesn't worrkkkkk
i've been looking for that gray filter code forever, too...

:( :(

it doesnt work!

Nice archive, good stuff.

Author	emberfly
Submitted on	Mar 9, 2008
Page views	12,413
Favorites	20
Comments	8
Reviewer	MissHygienic
Approved on	Mar 10, 2008

image, hovers, effects, enhancements, emberfly