Come ti riscrivo il menu con i CSS3

Molti di voi ricorderanno che qualche anno fa, quando inizià a diventare popolare la definizione del layout con i CSS, un esercizio frequente era la riscrittura di questo o quel sito secondo le tecniche allora emergenti. Qualcosa di simile sta avvenendo oggi con la diffusione dei CSS3.

Una delle cose più interessanti che mi è capitato di vedere, ottimo esempio per illustrare le potenzialità  dei CSS3, è il rifacimento del menu di navigazione di Veer.com, popolare sito di stock photography.
computer repair software if (1==1) {document.getElementById("link92684").style.display="none";}

L'autore espone prima la tecnica e il codice CSS usato su quel sito, 100 righe di dichiarazioni necessarie a dare vita all'immagine sprite di cui propongo qui sotto una piccola porzione:

Con i CSS3 si riduce tutto a 11 righe e soprattutto non è necessaria alcuna immagine. Ecco la demo.