Labs · Then & now

Then & now.

In 2012 we drew these in hand-written CSS3. In 2026 we drew them again: once in HTML & CSS with everything we have learned since, and once in 3D, sculpted in code with Blender. Same subjects, fourteen years apart.

← Back to Labs

Superman

3 versions
CSS Superman
2012 · The original · CSS3

CSS Superman

From a series of HTML & CSS superheroes.
Superman, Rendered
2026 · Rendered · HTML & CSS

Superman, Rendered

A high-detail portrait in pure HTML & CSS: the 2012 Superman, remade.
Superman, 3D
2026 · 3D · Blender & three.js

Superman, 3D

A bust sculpted in code with Blender, lit live in three.js; drag to turn.

Batman

3 versions
CSS Batman
2012 · The original · CSS3

CSS Batman

From a series of HTML & CSS superheroes.
Batman, Rendered
2026 · Rendered · HTML & CSS

Batman, Rendered

A high-detail Batman in pure HTML & CSS, bat-signal and all.
Batman, 3D
2026 · 3D · Blender & three.js

Batman, 3D

A cowled bust sculpted in code with Blender, on a Gotham rooftop in the rain; hold for the bat-signal.

Wolverine

3 versions
CSS Wolverine
2012 · The original · CSS3

CSS Wolverine

From a series of HTML & CSS superheroes.
Wolverine, Rendered
2026 · Rendered · HTML & CSS

Wolverine, Rendered

The 2012 Wolverine in pure HTML & CSS: storm-lit snarl, SNIKT claws.
Wolverine, 3D
2026 · 3D · Blender & three.js

Wolverine, 3D

A bust sculpted in code with Blender, lit live in three.js; hold and the claws SNIKT out.

Spider-Man

3 versions
CSS Spider-Man
2012 · The original · CSS3

CSS Spider-Man

From a series of HTML & CSS superheroes.
Spider-Man, Rendered
2026 · Rendered · HTML & CSS

Spider-Man, Rendered

A webbed mask and suit at blue hour, in pure HTML & CSS; shoot a web.
Spider-Man, 3D
2026 · 3D · Blender & three.js

Spider-Man, 3D

A bust sculpted in code with Blender, high over New York at dusk; hold to fire a web.

Iron Man

3 versions
CSS Iron Man
2012 · The original · CSS3

CSS Iron Man

From a series of HTML & CSS superheroes.
Iron Man, Rendered
2026 · Rendered · HTML & CSS

Iron Man, Rendered

Polished red & gold armour in pure HTML & CSS, arc reactor that powers up.
Iron Man, 3D
2026 · 3D · Blender & three.js

Iron Man, 3D

Hard-surface armour sculpted in code with Blender; hold to charge the unibeam.

Hulk

3 versions
CSS Hulk
2012 · The original · CSS3

CSS Hulk

From a series of HTML & CSS superheroes.
Hulk, Rendered
2026 · Rendered · HTML & CSS

Hulk, Rendered

A towering portrait in pure HTML & CSS: the 2012 Hulk, remade.
Hulk, 3D
2026 · 3D · Blender & three.js

Hulk, 3D

A towering bust sculpted in code with Blender; hold to make him angry.

R2-D2

2 versions
CSS R2-D2
2012 · The original · CSS3

CSS R2-D2

HTML & CSS robot illustration.
R2-D2, Rendered
2026 · Rendered · HTML & CSS

R2-D2, Rendered

R2-D2 in pure HTML & CSS on Tatooine at dusk; hold down to beep.

Game & Watch

2 versions
CSS Game & Watch
2012 · The original · CSS3

CSS Game & Watch

Responsive illustration of a classic handheld.
Game & Watch, Rendered
2026 · Rendered · HTML & CSS

Game & Watch, Rendered

One playable LCD game in three responsive devices: Game & Watch, Game Boy, Mini Classic.