Magic – Animazioni CSS3 Pronte All’uso

Scritto da fedeweb il 18 giugno 2013 con 3 Commenti | Pubblicato in Html Css


Magic è un framework di animazioni CSS3 made in Italy, realizzato da Christian Pucci.

Magic - Framework di animazioni css3

Questo framework permette di risparmiare molto tempo nella realizzazione di animazioni, in quanto sono già state specificate le proprietà per ogni browser.

Magic contiene attualmente 45 animazioni pronte all’uso e come si può leggere dalla documentazione, gli effetti poi si applicano attraverso jQuery, aggiungendo l’animazione all’elemento HTML desiderato, utilizzando delle classi specifiche.

Ad esempio, se vogliamo applicare l’effetto CSS3 puffIn, all’hover sul div con classe animazione si dovrà scrivere:

 $('.animazione').hover(function () {
  $(this).addClass('magictime puffIn');
});

Prossimamente verranno aggiunti nuovi effetti, quindi ogni tanto vai a dare un occhio a Magic ;)

Template con navigazione orizzontale animata, realizzato in HTML, CSS e jQuery

437 download

711 download

About fedeweb

Federico Pian è un web designer freelance e insegnante , che ama condividere le proprie conoscenze e rendere tutti partecipi della sua passione. Guarda il suo portfolio e cosa sa fare nei tutorial. Scopri più informazioni su di lui nella pagina mi presento.

3 Commenti

  1. Grazie per l’articolo Federico :)

    • Di nulla! e complimenti per Magic, lo utilizzerò senz’altro ;)

      • :( purtroppo…… non son riuscito a capire come implementare il codice, e quale di preciso…. :( proprio bello però!

Lascia un commento