1.7.0 check — Image hover

Every image is linked: press Tab to move through them — each takes its hover effect on keyboard focus. The labelled test graphics make directions obvious: the label you read is the part that moves.

Tilt

Classic tilt (unchanged): the edge labelled TOP pushes back.

Grinner test graphic: Wide a, labelled edges and corners

Tilt from the TOP RIGHT corner, 12°, depth 900: that labelled corner pushes back, BOTTOM LEFT comes forward.

Grinner test graphic: Wide b, labelled edges and corners

Tilt LEFT, 10°, depth 400 (dramatic).

Grinner test graphic: Square a, labelled edges and corners

Tilt BOTTOM LEFT, 9°.

Grinner test graphic: Square b, labelled edges and corners

Tilt follows the mouse (12°) with the glare: move to each labelled corner — that corner pushes back and the highlight follows. Steady at the corners, no flicker.

The same on a real photo.

Zoom

Zoom 130% from the TOP LEFT corner, slow (800ms): TOP LEFT stays put, everything grows away from it.

Zoom follows the cursor (140%): point at any label — it stays under the mouse while the picture grows round it.

Grinner test graphic: Tall a, labelled edges and corners

Zoom follows the cursor on a photo.

A turquoise lake below forested mountains under a clear sky

Lift, glare, treatments

Lift + glare sheen, rounded corners, a caption: the glare sweeps the picture only, never the caption.

Sliced oranges on a blue surface — The caption sits outside the glare

Greyscale → colour + overlay with caption (hover or Tab).

The curved facade of Axel Towers in Copenhagen against a bright sky — Axel Towers, Copenhagen

Touch screens: none of these move. Reduced motion: nothing moves.