Ricreare l’animazione di caricamento di Facebook con CSS3

 

In questo articolo verrà mostrato come ricreare l’animazione di caricamento classica di Facebook utilizzando esclusivamente le proprietà CSS3. Nel dettaglio verrà mostrato l’utilizzo della regola CSS3 denominata keyframes. Il codice è stato testato dall’autore nelle ultime versioni di Firefox, Chrome e Safari. Considerate che l’esempio seguente utilizza il piccolo plugin Prefix free, che permette di non specificare i vari prefissi nelle proprietà CSS3 per garantirne la compatibilità nei vari browser, altrimenti vanno aggiunti nelle proprietà CSS3 i vari prefissi -webkit-, -moz-, ecc.

 
Codice HTML

 
Codice CSS3

 
Demo Download Info | Sito Web | Autore

pixolo ads
Cambia Copertina
1473 | Articolo pubblicato 4 anni fa nella categoria Css - Html.
Puoi seguire tutti i nuovi articoli e gli aggiornamenti di Pixolo.it attraverso i Pixolo feeds feed RSS.
Puoi inoltre lasciare un commento, oppure fare un trackback dell'articolo dal tuo sito.
3
SHARES
Be Sociable,
share and enjoy!
Resta aggiornato!
Segui Pixolo anche su Facebook!
Don't show more - I am already fan
×
Salva il post su Facebook
What is a Facebook Save Button?

The save button lets you save the current page to your private list on Facebook for a future use or consultation.
info | close
×