Rollover Image for Email

Generates code for a Rollover Image that displays an alternative image when the email recipient hovers the cursor over the image. (Updated with responsive capability).

Works on: Yahoo! Mail,, AOL and Outlook 2003.
Walkthrough: Tool to Create An Interactive Image in an Email
HTML/CSS explanations: 3 Steps to Create An Interactive Email Using CSS
Check out the older non-responsive version that uses background images
Shown on mouseover
URL user goes to when image is clicked
Add the following in the <head> tag:
Add the following in the <body> tag: