css3_magic_animations
13giu2013
27

Magic CSS3 animations by miniMAC

CSS

Come sapete, amo molto il linguaggio CSS ed in particolare mi piace sempre andare oltre, in questo caso ho voluto creare un pacchetto di animazioni in CSS3 che potrete usare liberamente per i vostri scopi e quindi nei vostri progetti web, si chiama Magic!

Il progetto è hostato anche su GitHub, questo per avere i migliori pareri dai migliori sviluppatori e quindi migliorare il codice, renderlo il più compatibile possibile con la maggior parte dei browser e per voi avere un codice sempre aggiornato e stabile.

Segnalatemi pure eventuali bugs nei vari browser, qui oppure su GitHub!

Vai alla Demo

Please note: The actual DEMO work only on Chrome Browser and Safari (Magic CSS3 animations works in any browser :) )

27 commenti per “Magic CSS3 animations by miniMAC

  1. I really like your work. It’s elegant and modern.
    I wish you would publish your posts on English though, that more people would understand it. It doesn’t even matter if the English would not be all that great (mine is neither).

    Please think about it.
    But big thumbs-up for this blog! Keep up the good work.

  2. Complimenti, hai realizzato un’ottima libreria e fa molto piacere che per una volta certe risorse si riescano a trovare anche in italiano.. ormai non ci speravo più. Anche a me piace molto smanettare con i css, però visto che con le funzioni in Javascript sono ancora un po’ indietro avrei una domanda da farti: è possibile ripetere l’effetto ad ogni passaggio del mouse sull’elemento? (dopo la prima volta devo sempre ricaricare la pagina) ..e come dovrei fare per ottenere i medesimi effetti al click del mouse invece che allo stato hover?
    Intanto ti ringrazio per la libreria e se vorrai anche per l’eventuale chiarimento. Ciao!

    • Ciao Fabbryz, per fare quello che dici tu basterebbe per l’hover una semplice regola CSS con :hover e li metti il nome della magic animation. Invece per il click, li devi creare una funzione javascript, magari usando il .toggle

  3. Really nice work but your demo page is all wrong. Your fixed positioning on the testbox and retrobox doesn’t work so when you scroll down to try out the bottom half of the effects you can’t see the effect. The video in the background gave me real problems! It keeps bugging out and it’s really annoying! I’d take it out if I were you. It doesn’t add to the demo. I’m trying to see the effects of the css not a massive video trying to load. It’s unfortunate because it is good work. I’m using Firefox by the way.

  4. Hi there
    You can please tell me where I can find the background video. I love this space Video. It’s beautiful.
    Best Regards
    Sabin

  5. Ciao!
    compliementi per l’articolo molto interessante.
    Sto ancora applicandomi con jquery utilizzando WordPress quindi avrei una domanda: una volta inserito il il file magic.css nel mio template e richiamato nell’header del file con /css/magic.css”> non riesco a capire come proseguire. Dove inserire il jquery? e come utilizzare le animazioni? Grazie per il supporto

Lascia un Commento

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

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>