Effetto tabellone di stazione con i CSS
lunedì 15 giugno 2009Avete presente la tumblarity? E’ quella pagina di tumblr che vi mostra alcune statistiche relative al vostro tumblr.
Nella parte alta della pagina è presente un cruscotto che mostra i dati salienti del vostro account. Il look è molto accattivante, sembra quasi uno di quei display da “stazione ferroviaria” con i numeri che ruotano.
Come possiamo realizzarne uno simile?
Non è affatto difficile realizzare un effetto simile con i CSS. Il trucco sta nel sovrapporre una DIV nera ai numeri posizionandola esattamente nel centro verticale della scritta (purtroppo dovrete lavorare con i pixel e le misure esatte).
Potete vedere un esempio di base (guardate il sorgente) a questo indirizzo.
In alternativa puoi abbonarti alla newsletter, riceverai un'email ogni volta che verrà pubblicato un nuovo post. Il tuo indirizzo email sarà gestito da Feedburner.











