Come nelle precedenti vacanze estive dove ho giocato con l’elemento canvas per creare un effetto demo old-school, anche per questo periodo di feste che, ahimè, per il sottoscritto feste non sono affatto state, ho volute rifarmi con un secondo effetto grafico classico che visualizzi i mostri che la mia ragione ha creato dopo la 48 ore Natale-Santo Stefano a tavola.
Effetto plasma anni 60 nelle nostre pagine web
Effetto fuoco con canvas, una demo old school
In questi giorni estivi un po’ più calmi del solito mi sono messo a leggere con calma gli articoli sul tag CANVAS redatti da Alessandro, non avevo ancora fatto alcun test con il tag e volevo rinfrescarmi un po’ le idee.
Volendo approfondire l’argomento CANVAS mi son detto, perchè non simulare uno degli effetti demo che tanto mi piacciono?
CSS 3 – transition: animazioni per il web senza Flash e Javascript
Da quando esiste internet, le animazioni degli elementi sulle pagine web sono sempre state gestite da script creati in Flash o Javascript.
Ora che i browser stanno evolvendo sempre più è possibile fare animazioni molto più leggere direttamente con i CSS. In questo post ne vedremo un paio realizzate con le proprietà CSS Transition.
Effetto rollover animato con Mootools
Grazie alla miglior performance del motore Javascript che oggi i browser riescono a garantirci, effetti grafici che una volta erano impensabili e ottenibili esclusivamente con un Flash player, sono oggi a nostra disposizione con il buon vecchio HTML. La situazione, grazie all’avvento di HTML 5, CSS 3 e sempre nuove funzionalità di JS, non può che migliorare.



