Salve a tutti,

oggi vi volevo proporre un piccolo snippet di codice CSS3 per rendere un’icona bootstrap animata e farla “girare” mediante i keyframes.
Bene bando alle ciancie ed ecco il codice CSS:

.icon-refresh-animate {
    animation-name: rotateThis;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotateThis {
    from { transform: scale( 1 ) rotate( 0deg );   }
    to   { transform: scale( 1 ) rotate( 360deg ); }
}

e il codice HTML per renderla visibile:


Bene è tutto, saluti 😀



PROCEDURA PER IL DOWNLOAD

1. Clicchiamo su DOWNLOAD e si aprirà una nuova pagina con un contatore di secondi.

2.Attendiamo i 5 secondi e clicchiamo su "AVANTI" come nella foto.

NOTE: non accettare o consentire MAI le notifiche dai siti ads e non installate mai eventuali eseguibili che potrebbero scaricare! Nitente di preoccupante, sono solo delle pubblicità

3.Eventualmente si atterri sul sito keeplinks.co, basta risolvere il captcha e procedere con la copia del link per il download del contenuto.


VI RICORDO CHE È TUTTO A SCOPO ILLUSTRATIVO.

NON MI ASSUMO NESSUNA RESPONSABILITÀ NELL’ USO CHE NE FARETE.

IO E I MIEI TUTORIAL NON NE SIAMO RESPONSABILI.

UTILIZZARE SOFTWARE CONTRAFFATTO E' UN REATO.

Licenza Creative Commons
Quest'opera è distribuita con Licenza Creative Commons Attribuzione - Non commerciale - Condividi allo stesso modo 4.0 Internazionale.

Ti è piaciuto il mio articolo? Ti piacerebbe offrirmi un caffè? Con PayPal è facile


Oppure tramite la piattaforma BMC

Offrimi un CaffèOffrimi un Caffè