Mist

Mist puts drifting mist over any photo. The pointer parts it and it closes again by itself. It lifts as the page scrolls, by itself after a moment, or not at all.

What you can set

• Photo: any image, it fills the frame like a cover

• Lifts: on scroll, over time, or never

• Density and drift: from a light veil to thick fog, slow or quick

• Mist colour: cold grey, night blue, warm sand, any colour

• Pointer: a round brush on any screen; the mist closes again by itself, or stays open

• Hint: a short line in the middle, gone at the first touch

Good to know

• Make it taller than the screen, for example 200vh, and the photo stays pinned while the mist lifts

• The photo stays a plain, sharp image. Only the mist is drawn, at a low resolution, so it stays light on phones

• Nothing is drawn off screen, slow devices get fewer pixels, and reduced motion gets a still frame

First made for Tarn, a retreat template.