Oggi vediamo alcune tecniche css innovative, che non si vedono spesso nei siti web, che probabilmente mai avrete immaginato di poter realizzare.

Queste di seguito sono solo alcune delle 25 tecniche illustrate da sixrevisions; vi invito a leggere l’intero articolo.

Transparent CSS Menu Drop-down

Questo esempio mostra come creare un menu a tendina tramite il CSS, con un effetto di trasparenza.

Homer CSS

Homer Simpson realizzato interamente con css e html, in questo modo.

CSS House

Una casa realizzata sempre solo con il codice html e css

“Secret Message” with CSS Positioning and Transparency

In questo esempio, facendo lo scrolling verso il basso, comparirà la metà mancante del messaggio.

CSS Flashy Links

Un bell’effetto di rollover in un menu.

Map Pop

Un esempio di mappa immagine, dove al passaggio del mouse sopra alcuni particolari, si ha un’ulteriore descrizione sulla destra, dell’oggetto interessato.

Scaled Background Image

Tecnica per scalare l’immagine in base alle dimensioni della finestra del browser.

Fonte: Sixrevisions

Ti è piaciuto l'articolo? Se non vuoi rischiare di perderti i prossimi articoli tieniti aggiornato con i feed RSS o seguimi su twitter e facebook!

Se non sai cosa sono, guarda questo video Ora non sai come abbonarti? Guarda questo video

Inoltre potrai seguirmi su twitter, facebook o friendfeed!

Articoli simili che potrebbero interessarti

20 Trucchi CSS Per il Tuo Sito

Oggi vi voglio segnalare un articolo molto interessante che riguarda l'utilizzo degli stili CSS. Come molti web designer sapranno, i fogli di stile...

Animare le immagini di sfondo con javascript

In questo articolo vedremo una delle innumerevoli applicazioni della libreria jquery, l'animazione delle immagini di sfondo nei menu. L'esempio è...

Css ed IE6: 5 problemi tipici e le soluzioni per risolverli

Sappiamo tutti che quando progettiamo un sito web, prima o poi ci tocca testarlo con internet explorer 6 e cominciare a pregare.... Andiamo a...