Labs · Then & now

Then & now.

2012 ritade vi de här i handskriven CSS3. 2026 ritade vi dem igen: en gång i HTML & CSS med allt vi lärt oss sedan dess, och en gång i 3D, skulpterade i kod med Blender. Samma motiv, fjorton år emellan.

← Tillbaka till Labs

Superman

3 versioner
CSS Superman
2012 · CSS3-original · Gjord på 1 dag

CSS Superman

Ur en serie superhjältar i HTML & CSS.
Superman, renderad
2026 · Renderad · HTML & CSS

Superman, renderad

Ett detaljrikt porträtt i ren HTML & CSS: Superman från 2012, gjord på nytt.
Superman, 3D
2026 · 3D · Blender & three.js

Superman, 3D

En byst skulpterad i kod med Blender, belyst live i three.js; dra för att vrida.

Batman

3 versioner
CSS Batman
2012 · CSS3-original · Gjord på 1 dag

CSS Batman

Ur en serie superhjältar i HTML & CSS.
Batman, renderad
2026 · Renderad · HTML & CSS

Batman, renderad

En detaljrik Batman i ren HTML & CSS, med fladdermussignal och allt.
Batman, 3D
2026 · 3D · Blender & three.js

Batman, 3D

En byst med kåpa skulpterad i kod med Blender, på ett tak i Gotham i regnet; håll inne för fladdermussignalen.

Wolverine

3 versioner
CSS Wolverine
2012 · CSS3-original · Gjord på 1 dag

CSS Wolverine

Ur en serie superhjältar i HTML & CSS.
Wolverine, renderad
2026 · Renderad · HTML & CSS

Wolverine, renderad

Wolverine från 2012 i ren HTML & CSS: ett stormbelyst morrande, SNIKT-klor.
Wolverine, 3D
2026 · 3D · Blender & three.js

Wolverine, 3D

En byst skulpterad i kod med Blender, belyst live i three.js; håll inne så kommer klorna fram med ett SNIKT.

Spider-Man

3 versioner
CSS Spider-Man
2012 · CSS3-original · Gjord på 1 dag

CSS Spider-Man

Ur en serie superhjältar i HTML & CSS.
Spider-Man, renderad
2026 · Renderad · HTML & CSS

Spider-Man, renderad

En nätmask och dräkt i skymningsljus, i ren HTML & CSS; skjut ett nät.
Spider-Man, 3D
2026 · 3D · Blender & three.js

Spider-Man, 3D

En byst skulpterad i kod med Blender, högt över New York i skymningen; håll inne för att skjuta ett nät.

Iron Man

3 versioner
CSS Iron Man
2012 · CSS3-original · Gjord på 1 dag

CSS Iron Man

Ur en serie superhjältar i HTML & CSS.
Iron Man, renderad
2026 · Renderad · HTML & CSS

Iron Man, renderad

Polerad röd & guldfärgad rustning i ren HTML & CSS, med en bågreaktor som laddas upp.
Iron Man, 3D
2026 · 3D · Blender & three.js

Iron Man, 3D

Hård rustning skulpterad i kod med Blender; håll inne för att ladda unibeamen.

Hulk

3 versioner
CSS Hulk
2012 · CSS3-original · Gjord på 1 dag

CSS Hulk

Ur en serie superhjältar i HTML & CSS.
Hulk, renderad
2026 · Renderad · HTML & CSS

Hulk, renderad

Ett högrestående porträtt i ren HTML & CSS: Hulk från 2012, gjord på nytt.
Hulk, 3D
2026 · 3D · Blender & three.js

Hulk, 3D

En högrestående byst skulpterad i kod med Blender; håll inne för att göra honom arg.

R2-D2

3 versioner
CSS R2-D2
2012 · CSS3-original · Gjord på 4 dagar

CSS R2-D2

Robotillustration i HTML & CSS.
R2-D2, renderad
2026 · Renderad · HTML & CSS

R2-D2, renderad

R2-D2 i ren HTML & CSS på Tatooine i skymningen; håll inne för att pipa.
R2-D2, 3D
2026 · 3D · Blender & three.js

R2-D2, 3D

R2-D2 i hård 3D, byggd i kod med Blender, på Tatooine; håll inne så piper han och projicerar ett hologram.

Game & Watch

3 versioner
CSS Game & Watch
2012 · CSS3-original · Gjord på 1 vecka

CSS Game & Watch

Responsiv illustration av en klassisk handhållen spelkonsol.
Game & Watch, renderad
2026 · Renderad · HTML & CSS

Game & Watch, renderad

Ett spelbart LCD-spel i tre responsiva enheter: Game & Watch, Game Boy, Mini Classic.
Game & Watch, 3D
2026 · 3D · Blender & three.js

Game & Watch, 3D

Den handhållna konsolen modellerad i Blender med en spelbar LCD; tryck på knapparna eller använd piltangenterna.