1.7.0 check — Image entrances

A turquoise lake below forested mountains under a clear sky

Above: the FIRST image on the page has a Fade entrance, but it is in the first screen — so it only settles into place and is never hidden while it loads. Reload a few times.

Fade.

Grinner test graphic: Wide a, labelled edges and corners

Rise.

Grinner test graphic: Wide b, labelled edges and corners

Settle — the picture zooms out into place inside its frame.

Grinner test graphic: Square a, labelled edges and corners

Wipe from the left.

Grinner test graphic: Wide a, labelled edges and corners

Wipe from the bottom, slow (1400ms).

Grinner test graphic: Tall b, labelled edges and corners

Soft blur, 300ms delay (a photo).

Sliced oranges on a blue surface

Roll

Roll in from the left (the wheel graphic, 1100ms): it rolls into its frame — watch “1 · UP”: it turns exactly as far as it travels, like a real wheel, never sliding.

Grinner test graphic: Circle a, labelled edges and corners

Roll in from the right — a real photo with the Rounded style (a round latte): it rolls in anticlockwise.

A latte with leaf art in a red cup, seen from above

Roll on a picture that is not round (the square graphic): it turns as it slides in — the editor shows a hint suggesting a round image.

Grinner test graphic: Square b, labelled edges and corners

Slide and Break out of frame

Slide in from the left (off: inside its frame) — the picture slides into its own frame.

Grinner test graphic: Wide a, labelled edges and corners

Slide in from the right — Break out of frame: it starts genuinely outside its spot (off the right of the screen) and travels in; on a phone the page never scrolls sideways.

Grinner test graphic: Wide b, labelled edges and corners

Roll in from the left — Break out of frame: the wheel rolls in from a full width away, crossing over neighbours, turning exactly as far as it travels.

Grinner test graphic: Circle b, labelled edges and corners

Rise + hover tilt: after it has risen, hover it — the tilt eases in.

Grinner test graphic: Wide b, labelled edges and corners

A staggering group: its own entrance wins — the image inside (set to Rise) comes in with the group, not twice.

Grinner test graphic: Wide a, labelled edges and corners