DirectionAwareHover

An image card that reveals an overlay sliding in from the direction the mouse entered.

Basic Usage

Hover from any edge to see the overlay slide in from that direction. The image shifts slightly on hover.

image

Multiple Cards

Works great in a grid layout. Try hovering from different directions on each card.

image
image
image

Custom Content

The overlay content is fully customizable via the default snippet.

image