← ExamplesOrbit · Made with gpu slider · Code
0
Blobs of chrome that melt into each other
Glass spheres over a holographic field
A ring of chrome that twists
Folds of holographic foil
A sea of liquid metal under a pale sky
Pills of chrome, scattered in the air
Blobs of chrome that melt into each other
Glass spheres over a holographic field
A ring of chrome that twists
Folds of holographic foil
A sea of liquid metal under a pale sky
Pills of chrome, scattered in the air
1 / 4

Orbit

Twelve pictures on a cylinder. Scroll, and it turns; scroll up, and it turns back. Drag it to throw it round, and click the one in front to open it.

2 / 4

Tilt

The same cylinder, seen from higher up and leaning, as a ring around a planet. What is behind sinks into the dark, what is in front leans with the speed.

3 / 4

Inside

Step in. The near wall comes at you and is gone behind you; the far wall curves round you, the pictures you saw from behind now the right way round.

4 / 4

Unrolled

It was a slider all along: one row of <img> tags, which an effect of the canvas rolls up into a cylinder. A second slider of the same pictures is its reflection.

Pictures made by code. After the On-Scroll 3D Carousel by Manoela Ilic on Codrops.