By CSS-Tricks
This is a pure CSS technique making use of CSS attribute selectors. Here is the code:
a[href^="mailto"]:hover:after { content: " > " attr(title); }
In plain english, that reads "When the mouse is over an anchor element with an href attribute that starts with 'mailto', insert a ' > ' and then the text of the title attribute at the end of the link text".