CSS only Direction Aware Hover - Oct 2013Modern browsers only

With contributions fromSitepoint members

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.
Using tab on the keyboard will just slide the message from the top

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