@PippoMao said:
ho pensato di creare una gif animata.
Ciao, ti propongo un'alternativa, dando per scontato che il tema che stai utilizzando non implementi già di suo alcune animazioni, mi sa che fai un pasticcio e che diventarà peggio quando poi lo vedrai su dispositivi con display più piccolo.
Affinchè l'animazione di un DIV, un testo o uno o più pulsanti nel tuo caso, sia visibile ovunque ma soprattutto funzionante dovresti usare almeno CSS3.
Dai un'occhiata a questi esempi, tanto per farti vedere le potenzialità. Per riavviare l'animazione fai click sul pulsante RUN
w3schools.com/css/tryit.asp?filename=trycss3_animation3
w3schools.com/css/tryit.asp?filename=trycss3_animation_delay
w3schools.com/css/tryit.asp?filename=trycss3_animation_delay2
w3schools.com/css/tryit.asp?filename=trycss3_animation_count
Dopo l'uso di CSS puoi anche usare qualcosa di più complesso e con maggiore controllo sulle animazioni.
Immagina per esempio che il pulsante animato si trova a metà pagina, quando scorrerai la pagina e arriverai al pulsante l'animazione sarà già finita.
Per esempio uno su tanti: michalsnik.github.io/aos/
Le animazioni delle caselle si avviano solo quando questa si trova in un punto ben preciso durante lo scrolling della pagina.
Vedrai che ogni blocco ha una sua animazione, il semplice codice che vedi all'interno decide la tipologia dell'animazione.
Arrivato in fondo alla pagina torna in cima e vedrai che le animazioni si ripetono.
In ogni div si possono aggiungere diversi parametri, dalla durata dell'animazione al punto di partenza e così via.
Non nasce per Wordpress ma implementarlo non è molto complicato.
Ribadisco che è solo un personale punto di vista, un approccio comunque più efficace.
