CSS only Direction Aware Hover
with contributions from Francky.
(reb-03)
- Firefox, Chrome, Opera, Safari, IE10, IE11: move your mouse across the yellow or green triangle and the overlay message will
will fly in from the top (bottom) and will stay as long as you stay in the image area. The same happens in the (invisible) triangle
areas in the other images.
- 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.