Vai al contenuto
jQuery Italia
jQuery Italia

La community italiana di jQuery

  • IMPARA
    • Tutorials jQuery Italia
    • Tutorials dal web
    • Supporto ed Aiuto
  • CONTRIBUISCI
    • Nuovo Articolo
    • Nuovo Tutorial
  • SVILUPPA
    • Snippets
    • Tools
    • Download
    • Plugins
    • Links
  • FORUM
    • Reception
    • Supporto ed Aiuto
    • jQuery News
    • Non solo jQuery
  • NOTIZIE
    • jQuery
    • jQuery UI
    • Projects
  • CONTATTI
  • LOGIN

Animo.js: animazioni CSS con jQuery

Pubblicato il 9 Settembre 201323 Giugno 2020 Categoria:
  • Plugins

Le animazioni con CSS sono oramai diventate fondamentali perché, oltre ad offrire numerosi vantaggi rispetto alle animazioni javascript, sfruttano l’accelerazione hardware che, se è difficile da notare su un computer desktop, diventa essenziale quando la visualizzazione è fatta su un browser mobile.

Il problema delle animazioni fatte con solo CSS è che queste vengono immediatamente attivate al caricamento della pagina od al realizzarsi di un evento, e non è comunque possibile accodarle od innescarle quando un’altra animazione è stata completata.

Ed è proprio qui che entra in gioco Animo.js,  è un piccolo ma potente strumento per la gestione delle animazioni CSS.

Include numerose caratteristiche tra cui:

  • le animazioni Stack
  • la possibilità di creare una sfocatura cross-browser
  • la possibilità di impostare funzioni di callback al termine dell’animazione

Animo.js include al suo interno la stupefacente libreria animate.css di Dan Eden, che fornisce più di 60 bellissime animazioni (ed è utilizzata, tra gli altri, da Electronics Art per ghostgames.com, Foursquare, Hipstamatic e Disney), alle quali sono state aggiunte un paio di animazioni di supporto.

Animo.js dipende solo da  jQuery 2.0 o successiva ed è il suo utilizzo è estremamente semplice.
Il sorgente include, oltre ad animate.css,  un helper per le animazioni realizzato appositamente per Animo, ma è comunque possibile utilizzare qualsiasi altro foglio di stile per le animazioni.

Potete vedere alcune demo e trovare il link per il dowload del pacchetto al sito http://labs.bigroomstudios.com/libraries/animo-js

0 Condivisioni
Share
Tweet
Share
Pin

Login

Accedi con Facebook
Accedi con Google
Accedi con Twitter
  • Registrati
  • Password dimenticata?

SOSTIENI jQuery Italia

Aiuta la Community di jQuery Italia a rimanere in vita per contribuire a diffondere le conoscenze di base ed avanzate di jQuery.

Download in evidenza

  • gmap104.html (3527 download)
  • jquery-1.4.1.min.js (3110 download)
  • tinytips11.html (3087 download)
  • jqueryformwizard-201.html (3072 download)
  • jquery-ui-1.8rc1.zip (2965 download)
  • jquerytools120.html (2890 download)
  • jquery-1.4.2.min.js (2884 download)
  • calendarPicker.html (2872 download)
  • 1.0.0.zip (2867 download)
  • move-background.html (2833 download)

jQuery Links

  • jQuery Howto
  • jQuery Official Site
  • jQuery UI Official Site
  • Learning jQuery
  • Use jQuery

SITO SEGNALATO SU

Sito segnalato da Freeonline.it - La guida alle risorse gratuite Mooseek.com - Web Directory, Download Software, Giochi Online, Video Tecnologici, Siti d'Affari

TAG

aggiornamento (3) ajax (5) Android (5) animazione (49) api (10) BlackBerry (4) calendario (3) canvas (4) css3 (9) form (12) framework (41) gallery (8) google (5) grafici (2) html5 (11) immagini (38) javascript (29) jQuery (160) jQuery UI (15) Linux Day (3) maps (3) menu (6) mobile (10) news (2) open source (4) overlay (3) plugin (93) Plugins (17) presentation cycle (4) projects (11) responsive (5) slider (7) slideshow (18) Smartphones (5) Tablets (4) template (5) testo (2) tooltip (6) tutorial (12) upload (3) utility (18) VELug (3) video (3) widget (3) zoom (3)
jQuery Italia

La community italiana di jQuery

  • Facebook
  • Twitter
  • Linkedin
  • Youtube
Tutti i loghi ed i marchi contenuti e citati in questo sito sono dei rispettivi propietari.
Privacy Policy
Cookies Policy
COPYRIGHT © 2010 - 2022 jQuery Italia
Designed By ZeeTheme
Posting....