Usare le animazioni sul tuo sito Website Builder
Vuoi dare una marcia in più ai contenuti del tuo sito? Prova ad aggiungere animazioni!
Con le animazioni, puoi dare vita al tuo sito Website Builder con effetti visivi accattivanti. Basta aprire le impostazioni di un componente, selezionare un effetto di animazione e visualizzarne l'anteprima all'istante. Ogni componente può avere la propria animazione, che puoi personalizzare in base al tuo stile, offrendoti infinite possibilità per aggiungere un tocco personale e far risaltare il tuo sito web.
- Perché dovrei usare le animazioni sul mio sito web?
- Aggiungere animazioni ai componenti del tuo Website Builder
Perché dovrei usare le animazioni sul mio sito web?
Le animazioni possono essere usate in tanti modi e per tanti scopi diversi. Puoi usarle per attirare l'attenzione su elementi specifici o per incoraggiare l'interazione con elementi (come bottoni o link ai social). Puoi anche usarle in modo creativo per rendere i contenuti del tuo sito più vividi e vivaci. Qualunque sia l'approccio, le animazioni sono un modo potente per creare un sito personale e dall'aspetto professionale.
Vuoi vedere alcuni degli effetti in azione? Dai un'occhiata alla GIF qui sotto. Su questo sito abbiamo aggiunto diversi effetti a testi, bottoni e contenitori.
Aggiungere animazioni ai componenti del tuo Website Builder
È possibile aggiungere animazioni ai seguenti componenti di Website Builder:
- Testo
- Immagini
- Riquadri e contenitori
- Bottoni
- Icone
- Icone social
- Loghi
È possibile accedere alle impostazioni di animazione facendo clic sulla scheda Modifica che appare nella parte superiore o inferiore di un componente quando si fa clic su di esso.
Ecco un esempio in cui aggiungiamo effetti di animazione a un pezzo di testo:
- Seleziona il componente e fai clic su Modifica testo nella parte superiore o inferiore.
- Clicca su Animazione nel menu mobile.
- Sposta l'interruttore Aggiungi animazioni su ON.
- In Effetto animazione, puoi selezionare un effetto dal menu a discesa. Scegli tra Dissolvenza in entrata, Scorrimento in entrata o Rimbalzo.
- Selezionando Dissolvenza in entrata o Scorrimento in entrata, puoi anche scegliere la direzione dell'animazione. Questa è la direzione da cui l'animazione apparirà sullo schermo. Dal menu a discesa, puoi scegliere tra centro, alto, basso, sinistra o destra.
- Puoi scegliere la velocità dell'animazione: veloce (300 ms), media (600 ms) o lenta (1000 ms).
- Scegli se ci deve essere un ritardo e, in tal caso, quanto deve durare il ritardo scelto.
- Salva le modifiche e controlla l'animazione nell'Anteprima. Non verrà riprodotta nell'editor.
- Ripeti il procedimento sopra con gli altri componenti a cui vuoi aggiungere animazioni.
Nota: L'animazione verrà riprodotta una sola volta per ogni caricamento di pagina. Ciò significa che non verrà riprodotta se un visitatore del sito web scorre indietro sulla pagina.
Articoli correlati: