A one-screen hero that feels like moving through a gallery. The title sits still in the centre, one upright line and one italic line in a serif, while square pieces come out of the distance towards the camera: they start small, soft and faded, swell and sharpen as they approach, and slide past the lens around the words. Every time a piece comes back it takes a new path, so the loop never shows the same arrangement twice. The camera drifts slowly and leans a little towards the pointer. The stage is solid black or solid white, with no gradients, and a pill switch in the corner turns it from one to the other. Reduced motion shows a still frame. It opens with thirty pieces from the HorizonX stock, photographs and graphic pieces alternating. The two title lines, title size, up to thirty pictures, how many pieces are in the loop, piece size and corners, the clearance round the title, speed, speed swell, camera drift, pointer parallax, depth blur, distance fade, the theme and the switch are all editable. The export is one HTML file with the default pictures and both title fonts embedded.
In collections: Web Image Galleries & Photo Grid Layouts· React Carousels & Image Galleries
Guide: React Carousel: Build One With CSS Scroll Snap or a Library· Scroll-Driven and Auto-Drifting Galleries: Choose the Right Motion· HTML Marquee Is Deprecated: How to Build a Modern Marquee
3D & Perspective · HTML / CSS / JS · All tools