CSS only Direction Aware Hover
with contributions from Francky.
(reb-02)
- Firefox, Chrome, Opera, Safari, IE10, IE11: move your mouse across the yellow triangle and the overlay message will will fly in
from the top and will stay as long as you stay in the image area. The same happens in the (invisible) triangle areas in the other images.
- IE9 and before: move your mouse across the image and the overlay message will show as long as you stay in the image area.