CSS only Direction Aware Hover - Oct 2013 Modern browsers only

with contributions from Francky.

Move your mouse slowly across the image from one of 4 directions (North, East, West,South) and the overlay message will fly in from that side.

IE9 and under (down to IE6) just get a hover effect and no animation.