Question

My website’s menu has text images for each button instead of pure text.
When the button is hovered, the image is replaced with another one that looks the same but has a out glowing effect on it.

I want the new image to be shown with a fade in animation when hovered.
How can this be achieved with CSS or JQuery?

Answer 1

Here’s a source that looks like a solid tutorial to achieve the effect you’re looking for:

Example: http://jqueryfordesigners.com/demo/fade-method2.html

Tutorial: http://jqueryfordesigners.com/image-cross-fade-transition/