3D in the browser, with CSS alone
Experiments with 3D on a web page without a 3D library or WebGL. They are experiments; they are not on client sites.
The interactive diorama
A small room with a back wall, a floor and words floating at different depths. Move your mouse and the room tilts with you, so you look around the words in front. It is all ordinary HTML, placed in 3D with CSS.
Isometric 3D bars
A bar chart made of real 3D blocks, seen at an angle from above. Point at a bar, or at a line in the legend, and it rises with a shadow on the floor.
Origami: folding panels
A strip of panels you fold open and shut like a concertina. Each panel hangs from the previous one, so when you fold the first, the others fold with it.
Walkable gallery
A 3D gallery you walk through with keyboard and mouse. Press E at an image for an explanation; at the end of the corridor a portal takes you to the next room. The gallery runs full screen on its own page.
Open the walkable gallery →full screen · WASD and mouseTip: click inside an experiment and use your mouse and W/A/S/D, or scroll, to look around.