DIRECTION-AWARE HOVER EFFECT WITH CSS3 AND JQUERY

How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse.