Introduzione all'animazione
⚡️
⚡️
Introduzione all'animazione
Introduzione all'animazione
19.09.2017
Ecco il nostro primo aggiornamento sulle animazioni. Ce ne saranno molti altri! Create splendide pagine interattive senza alcun codice.
Oggi abbiamo rilasciato elementi animati per la pagina. Ora è possibile rendere vivi tutti gli elementi per attirare l'attenzione dell'utente.
Quando gli utenti arrivano sul vostro sito web, la prima cosa che vedono è la copertina. Spesso in questa fase l'utente decide se rimanere sul sito o abbandonarlo. Ecco perché è così importante creare una copertina accattivante.
Quando gli utenti arrivano sul vostro sito web, la prima cosa che vedono è la copertina. Spesso in questa fase l'utente decide se rimanere sul sito o abbandonarlo. Ecco perché è così importante creare una copertina accattivante.
Aggiungere il movimento a ciascun elemento. È sufficiente selezionare l'effetto desiderato nelle impostazioni del blocco.
In Tilda sono disponibili diversi tipi di animazioni
1
Opacità
Quando elementi come il titolo, il pulsante, il modulo e altri appaiono gradualmente sulla pagina.
Quando elementi come il titolo, il pulsante, il modulo e altri appaiono gradualmente sulla pagina.
2
Opacità sotto
Il titolo e tutti gli altri elementi della pagina vengono visualizzati dal basso.
Il titolo e tutti gli altri elementi della pagina vengono visualizzati dal basso.
3
Opacità in alto
Gli elementi scendono dall'alto.
Gli elementi scendono dall'alto.
4
Ridimensionamento
Gli elementi appaiono sullo schermo e si ridimensionano fino alla dimensione desiderata.
Gli elementi appaiono sullo schermo e si ridimensionano fino alla dimensione desiderata.
5
Opacità a destra
Qualsiasi elemento di copertina "scivola" sulla pagina da destra.
Qualsiasi elemento di copertina "scivola" sulla pagina da destra.
6
Opacità a sinistra
Un elemento di copertura viene visualizzato da sinistra.
Un elemento di copertura viene visualizzato da sinistra.
Applicate un effetto di animazione a tutti gli elementi del frontespizio o provatene alcuni diversi: siate creativi e non abbiate paura di sperimentare ✨
Tutto ciò che avete anche solo sognato è possibile realizzarlo proprio nel momento in cui avete deciso di vincere.
Applicate un effetto di animazione a tutti gli elementi
sulla copertina o provatene alcuni diversi -
siate creativi e non abbiate paura di sperimentare ✨
sulla copertina o provatene alcuni diversi -
siate creativi e non abbiate paura di sperimentare ✨
Le animazioni funzionano in tutti i blocchi, tranne lo slider; le animazioni per i dispositivi mobili saranno disponibili in un secondo momento.
Le animazioni non rallentano il sito web. È possibile inserirle in qualsiasi sezione del sito: il movimento si attiverà man mano che si scorre la pagina.
Le animazioni non rallentano il sito web. È possibile inserirle in qualsiasi sezione del sito: il movimento si attiverà man mano che si scorre la pagina.
Progetti futuri
Stiamo lavorando per aggiungere l'animazione al blocco Zero.
Se vi piace quello che avete appena letto, condividetelo con i vostri amici e colleghi. Grazie mille! ✌️
