TwistCard

Drop in one image and it turns a full circle in 3D, wringing like a sheet of paper: the far edge lags behind, the middle bends and light rolls across the surface.

Triggers

• Scroll: turns while the card crosses the screen, or over any part of the page (for sticky sections). Set how many turns.

• In View, Hover, Click (forward or toggle), Loop, Drag (with snap to a face) and Manual (bind Progress to a variable).

Back face

• Same image, mirrored, a second image or a solid colour.

Look and twist

• Frame or image shape, size, corner radius, film grain, background.

• Wring, bend, shade, lens angle, vertical or horizontal axis, which edge leads, spin direction.

• Duration, easing, delay and pause for the timed triggers.

Works on pages that don't scroll too: the wheel or a swipe over the card turns it.

Renders with WebGL at screen resolution, so the image stays sharp at any size.