CSS only Direction Aware Hover (almost)

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.