Interactive example

CSS 3D image carousel

Choose a number to rotate the gallery. This example uses HTML radio controls and CSS transforms, so it needs no JavaScript.

Snowy mountains reflected in a blue alpine lake
Alpine lake
Coastal village above a turquoise sea at sunset
Coastal village
Purple lavender rows beneath a warm evening sky
Lavender fields
Green and violet northern lights above a snowy lake
Northern lights
A waterfall descending through a green mountain valley
Mountain waterfall

Use the numbered controls to rotate the carousel. Keyboard users can tab to a control and use the arrow keys.