Labs · Then & now

Allora e ora.

Nel 2012 li abbiamo disegnati in CSS3 scritto a mano. Nel 2026 li abbiamo ridisegnati: una volta in HTML & CSS con tutto ciò che abbiamo imparato da allora, e una volta in 3D, scolpiti in codice con Blender. Stessi soggetti, a quattordici anni di distanza.

← Torna ai Labs

Superman

3 versioni
CSS Superman
2012 · Originale in CSS3 · Realizzato in 1 giorno

CSS Superman

Da una serie di supereroi in HTML & CSS.
Superman, renderizzato
2026 · Renderizzato · HTML & CSS

Superman, renderizzato

Un ritratto molto dettagliato in puro HTML & CSS: il Superman del 2012, rifatto.
Superman, 3D
2026 · 3D · Blender e three.js

Superman, 3D

Un busto scolpito in codice con Blender, illuminato dal vivo in three.js; trascina per ruotarlo.

Batman

3 versioni
CSS Batman
2012 · Originale in CSS3 · Realizzato in 1 giorno

CSS Batman

Da una serie di supereroi in HTML & CSS.
Batman, renderizzato
2026 · Renderizzato · HTML & CSS

Batman, renderizzato

Un Batman molto dettagliato in puro HTML & CSS, bat-segnale compreso.
Batman, 3D
2026 · 3D · Blender e three.js

Batman, 3D

Un busto incappucciato scolpito in codice con Blender, su un tetto di Gotham sotto la pioggia; tieni premuto per il bat-segnale.

Wolverine

3 versioni
CSS Wolverine
2012 · Originale in CSS3 · Realizzato in 1 giorno

CSS Wolverine

Da una serie di supereroi in HTML & CSS.
Wolverine, renderizzato
2026 · Renderizzato · HTML & CSS

Wolverine, renderizzato

Il Wolverine del 2012 in puro HTML & CSS: ringhio illuminato dalla tempesta, artigli SNIKT.
Wolverine, 3D
2026 · 3D · Blender e three.js

Wolverine, 3D

Un busto scolpito in codice con Blender, illuminato dal vivo in three.js; tieni premuto e gli artigli escono con un SNIKT.

Spider-Man

3 versioni
CSS Spider-Man
2012 · Originale in CSS3 · Realizzato in 1 giorno

CSS Spider-Man

Da una serie di supereroi in HTML & CSS.
Spider-Man, renderizzato
2026 · Renderizzato · HTML & CSS

Spider-Man, renderizzato

Una maschera e una tuta a ragnatela all’ora blu, in puro HTML & CSS; spara una ragnatela.
Spider-Man, 3D
2026 · 3D · Blender e three.js

Spider-Man, 3D

Un busto scolpito in codice con Blender, in alto su New York al tramonto; tieni premuto per sparare una ragnatela.

Iron Man

3 versioni
CSS Iron Man
2012 · Originale in CSS3 · Realizzato in 1 giorno

CSS Iron Man

Da una serie di supereroi in HTML & CSS.
Iron Man, renderizzato
2026 · Renderizzato · HTML & CSS

Iron Man, renderizzato

Armatura rossa e oro lucidata in puro HTML & CSS, con un reattore arc che si carica.
Iron Man, 3D
2026 · 3D · Blender e three.js

Iron Man, 3D

Un’armatura dalle superfici rigide scolpita in codice con Blender; tieni premuto per caricare l’unibeam.

Hulk

3 versioni
CSS Hulk
2012 · Originale in CSS3 · Realizzato in 1 giorno

CSS Hulk

Da una serie di supereroi in HTML & CSS.
Hulk, renderizzato
2026 · Renderizzato · HTML & CSS

Hulk, renderizzato

Un ritratto imponente in puro HTML & CSS: l’Hulk del 2012, rifatto.
Hulk, 3D
2026 · 3D · Blender e three.js

Hulk, 3D

Un busto imponente scolpito in codice con Blender; tieni premuto per farlo arrabbiare.

R2-D2

3 versioni
CSS R2-D2
2012 · Originale in CSS3 · Realizzato in 4 giorni

CSS R2-D2

Illustrazione di un robot in HTML & CSS.
R2-D2, renderizzato
2026 · Renderizzato · HTML & CSS

R2-D2, renderizzato

R2-D2 in puro HTML & CSS su Tatooine al tramonto; tieni premuto per farlo suonare.
R2-D2, 3D
2026 · 3D · Blender e three.js

R2-D2, 3D

R2-D2 in 3D dalle superfici rigide, costruito in codice con Blender, su Tatooine; tieni premuto e suona e proietta un ologramma.

Game & Watch

3 versioni
CSS Game & Watch
2012 · Originale in CSS3 · Realizzato in 1 settimana

CSS Game & Watch

Illustrazione responsive di una console portatile classica.
Game & Watch, renderizzato
2026 · Renderizzato · HTML & CSS

Game & Watch, renderizzato

Un gioco LCD giocabile in tre dispositivi responsive: Game & Watch, Game Boy, Mini Classic.
Game & Watch, 3D
2026 · 3D · Blender e three.js

Game & Watch, 3D

La console portatile modellata in Blender con un LCD giocabile; premi i suoi tasti o usa le frecce.