Jump to content

Slowly Increase Opacity


legacy800

Recommended Posts

Hello,I doubt this is a CSS thing but I don't know exactly where to post this and it uses CSS aswell.I wan't to slowly increase the opacity of an image to show it comletely when doing a mouseover.The problem is I know how to do it in CSS, I just don't know how to get it gradually.Take a look at the social media buttons(mouse over them) from this wordpress theme to see what I mean.ExampleHopefully someone can provide me with some insight on how this is done.

Link to comment
Share on other sites

Depending on what sort of browser support you're looking for, you could use the new CSS3 transitions to do that. Transitions are not supported by IE 8 and below (I'm not sure if IE 9 supports them or not) and older versions of other browsers may not support them either.If you're concerned with maximum compatibility, then JavaScript is your only option. You could use a library like jQuery to make the job easier.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...