Tutorial Fade One Image to Another Menu
Make a CSS sprite image, with the top half and the bottom half being the two images you want to animate between. The jQuery adds a tag, and...
https://iskablogs.blogspot.com/2014/03/tutorial-fade-one-image-to-another-menu.html
Make a CSS sprite image, with the top half and the bottom half being the two images you want to animate between. The jQuery adds a tag, and adds the bottom half of the sprite image as its background. As you hover on and off, the span animates between fully transparent and fully opaque, fading one image into another.
HTML:
HTML: