CSS Hover in HTML Email

Mike Kleiman has been experimenting with the Hover CSS tags and presented his results over on his blog. This allows for a mouse over on a link or image where you can you expand the area and show additional text beneath it.

Mike’s test results also show some very promising results, although he does caution for Gmail recipients:

I know right away this won’t work in Gmail, since hover cannot be applied
inline and Gmail cuts out the style block. But it’s still worth an
experimentation anyways since I found Gmail simply defaulted to show the entire
content and so even when it breaks the user is still getting essentially the
full experience.

Please share your results if you test this.

Author: Matt V - @emailkarma

Matthew Vernhout is a digital messaging industry veteran and Certified International Privacy Professional (Canada) (CIPP/C) with nearly two decades of experience in email marketing. Matthew is 250ok’s Director of Privacy, and he is currently the Vice Chair of the eec, after serving for several years as the Chair of their Advocacy Subcommittee. Matthew was recognized as the 2019 eec thought-leader of the year.

Share This Post On

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.