3D Halo Gallery with Curved Image Cards and Motion Effects3D Halo Gallery with Curved Image Cards and Motion Effects
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
✱ Halo Gallery Your images, suspended in a ring of light.
✱ The Teaser A curved halo of glass cards orbits in 3D. Drag it, fling it, and watch it settle. The glow follows your cursor and the backdrop shifts to the colors of the card in front.
✱ How It Works Your images wrap around a true curved ring, so every card bends with the wall instead of sitting flat. The card facing you lifts and glows. The ones behind soften and fade into depth. Spin it fast and the ring blurs and desaturates with speed, then sharpens as it settles. The backdrop reads the front image and blends its palette into the stage in real time.
✱ Highlights ✦ Curved ring with a smooth 3D orbit ✦ Drag, fling inertia, tap to bring any card front ✦ Cursor glow that traces card edges ✦ Speed-based blur, grey, and fade ✦ Backdrop that adapts to the front image ✦ Grain, dot grid, glass tint, edge fade ✦ Auto spin, scroll zoom, axis lock, keyboard control ✦ Pauses offscreen and respects reduced motion ✱ Interactions ✦ Preview URL
Post image
Vansita's avatar
Nice touch supporting reduced motion.
Quzmo's avatar
Thank you! prioritizing accessibility and user comfort is always a key
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started