CSS only Direction Aware Hover
with contributions from Francky.
(reb-06)
- Firefox, Chrome, Opera, Safari, IE10, IE11: move your mouse across the image from one of 4 directions (North, East, West,South) and the
overlay message will fly in from that side.
- Hovering away does fade out the overlay (Firefox only).
- IE9 and before: move your mouse across the image and the overlay message will show as long as you stay in the image area.