disign.it | Jvascript: effetto pioggia su immagine | a digital sign for a best design!
A digital sign for a best design
Javascript 3.493 visualizzazioni

Jvascript: effetto pioggia su immagine

30/09/2013

Un piccolo javascript ci permette di simulare gocce di pioggia che cadono su un vetro oltre il quale vediamo la nostra fotografia.

Il js può essere scaricato da qui, seguendo i link troverete anche due ulteriori demo.

Nell'esempio di applicazione che vi propongo  sono evidenziati i passaggi minimi necessari per ottenere l'effetto desiderato (se rimanete sull'immagine potrete notare anche l'addensarsi delle 'gocce').

Dal mio esempio potete accedere al file sorgente, da cui dedurre le prime tre regole di stile necessarie alla realizzazione dell'effetto, la definzione della funzione demo(), la chiamata javascript onload e la costruzione del div e degli elementi canvas richiamati dal javascript.

← HTML5: video di sfondo con pattern Android: chi sta chiamando con il numero anonimo? →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.