Effetto Polaroid con i CSS

Ho raccolto ultimamente parecchi tutorial ed esempi d’uso delle nuove funzionalità  offerte dai CSS3. Si tratta quasi sempre di esperimenti, […]

Ho raccolto ultimamente parecchi tutorial ed esempi d’uso delle nuove funzionalità  offerte dai CSS3. Si tratta quasi sempre di esperimenti, ottimi per testare e verificare dal vivo nei browser che le supportano queste nuove potenzialità , anche se in tanti si spingono già  oltre, implementandole su siti veri.

Questo bel tutorial spiega come creare una galleria di immagini in stile Polaroid. I CSS3 sono usati essenzialmente per creare l’effetto rotazione e l’ombreggiatura. Ecco la demo.

Niente di eclatante, vero. Ma credo che la bontà  di tante nuove cose introdotte in questa specifica sia proprio a questi livelli: facilitare compiti semplici per i quali però, fino ad ora, era necessario ricorrere a vie complicate. Nel nostro caso bastano due righe di codice nel foglio di stile e il gioco è fatto.

screenshot