Menu creativi con CSS3

Ecco una simpatica gallery con menu di navigazione, che sfruttano esclusivamente alcune nuove proprietà introdotte con i CSS3: l'obiettivo è fornire spunti per creare un'interazione diversa dal solito senza usare né immagini, né JavaScript.
Il markup è sviluppato in modo standard, un elemento <nav> che contiene l'elenco di link, mentre l'animazione si basa sugli attributi transform e transition, a volte arricchiti da un'aggiunta di elementi (es: le brackets dell'esempio n.1) tamite le pseudoclassi :before e :after, che alterano la posizione e la forma dei link.
Piacevole l'effetto di rotazione del terz'ultimo esempio (in rosso), che conferisce un aspetto 3D alle voci selezionate.

Vale la pena dare anche un'occhiata ai 2 link proposti a fondo pagina, con effetti (similari) da applicare a bottoni ed icone.