Simple hover effects created with CSS filters. CSS3 filters are currently supported in WebKit nightlies. Hence the walkthrough only uses the -webkit prefix for applying the filter effects.
By default the images have the filter applied. Hovering disables the filter taking the images to the default state in a smooth transition.
It’s not working in Opera.
Works well in Safari 6 too !
doesnt work in chrome 21
Uhhh, what? Works on my Chrome 21…
Webkit filters – not CSS3 filters. If you expect a certain browser and only code for that one it is only fair to say so.
Doesn’t work in safari 5…
Doesn’t work in Firefox either.
It’s webkit filters. It can’t work in Firefox or others non-webkit browser.
Maybe you should edit the title ;)
like all your posts.
Keep up your great work, bro.
Keep up the good work. Great website.
Doesnt work in Firefox 15.
Work on Chrome 21.
And WTF for ie :)
I lol’d at “has to be specified specifically” xD
Wow. Awesome tutorial, thanks for sharing. I am certainly clicking those adds. ;)
People should really grow up and use Chrome.
work in chrome 23
Just some reassurance, works in Chrome 26 (Canary build) ;)
Chrome… is… AWESOME!
Awesome tutorial thks for sharing :)
It works perfectly on Opera Next (webkit)
It’s not working in FireFox!
Well .its not working with mine too.
Maybe it has the the java script.
Hello! It’a not working in IE
Doesn’t work in FireFox (up to date) 28,10,2013.
How do i give this a background – i have tried giving the div its inside a background color by doing
Not working in Firefox :(
Great work, bro.
Simple but interesting！ Thx for sharing!
This is hard