Un accordion orizzontale con i CSS3

Come era facile prevedere, l'estensione sui principali browser del supporto per le funzionalità  più avanzate dei CSS3, quelle che, consentendo ci creare animazioni e transizioni, vanno a invadere un terreno finora esclusivo di Javascript, ha dato il via a una sequela di esperimenti.

Questa volta si tratta della creazione di un accordion orizzontale che, pur sfruttando alcune delle nuove proprietà , è stato realizzato tenendo in mente un compromesso: la compatibilità  con Internet Explorer (versioni 7 e 8). Niente uso della pseudo-classe :target, dunque, che si sarebbe prestata benissimo nel contesto, e adozione dei filtri proprietari di Microsoft per ottenere alcuni degli effetti (le transizioni CSS, c'è da dire a beneficio di quanti dovessero visualizzare la demo con Firefox 3.6, non funzionano nemmeno su quel browser, il supporto arriverà  con la release 3.7).