Fw

Wordpress Creative Developer

Magic – Animazioni CSS3 Pronte All’uso

  • 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 ;)

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ò!

Scrivi un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *