Jump to content

Image shine


Ulterior
 Share

Recommended Posts

Would love to learn how to do this hover effect example here: http://www.amazoniamoveis.com.br/ the 8 images at the bottom.I've seen it around alot, but can't figure out how it's done, the web kit transition opacity doesn't give the desired result, I assume it's not a second lighter image placed over the top as it fades into it, so is this done in javascript or something else?

Link to comment
Share on other sites

Opacity is applied on hover of the image so it blends into the white background
#destaques_home .item a:hover img {  	opacity: 0.8;}

cant this be done also with a png image with a low opacity?
Link to comment
Share on other sites

Ah right, thought It'd be more complicated. Thanks.

Edited by Ulterior
Link to comment
Share on other sites

cant this be done also with a png image with a low opacity?
But you stiil have to have non transparent combined with transparent image in a sort of sprite image effect, where with this method you have one image and just apply opacity or IE filter: alpha(opacity=0.8);
Link to comment
Share on other sites

But you stiil have to have non transparent combined with transparent image in a sort of sprite image effect, where with this method you have one image and just apply opacity or IE filter: alpha(opacity=0.8);
oh ok, that makes more sense
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...