1.7.0 check — Image scroll effects

Grinner test graphic: Wide a, labelled edges and corners

Above: a Priority image set to Wipe in — wipe is left off an image the page loads straight away, so it is simply shown.

Zoom on scroll: settles from zoomed-in to its natural size as it rises to the middle of the screen (watch the 25%/75% lines come into view).

Grinner test graphic: Wide b, labelled edges and corners

Tilt in: tipped back (TOP away from you), rights itself.

Grinner test graphic: Wide a, labelled edges and corners

Grey to colour (a photo).

A turquoise lake below forested mountains under a clear sky

Expand to full: from a rounded inset frame out to its full size.

Grinner test graphic: Wide b, labelled edges and corners

Wipe in (below the fold, so it is allowed).

Grinner test graphic: Wide a, labelled edges and corners

Roll from the left as you scroll (the wheel): it rolls into place in step with your scrolling — scroll back up and it rolls back out.

Grinner test graphic: Circle b, labelled edges and corners

Roll from the right as you scroll (the round latte photo).

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

Roll from the right as you scroll — Break out of frame (the round latte): it rolls in from outside its spot in step with your scrolling.

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

Zoom on scroll + Parallax (both run together).

Grinner test graphic: Wide b, labelled edges and corners

Last image on the page, grey to colour: it can never reach the middle of the screen, so it fills in over the last stretch of scrolling and is in full colour at the very bottom.

Sliced oranges on a blue surface