Editor Wix: aggiungere e personalizzare un'animazione
Tempo di lettura: 4 min.
Usa le animazioni per dare vita al tuo sito. Aggiungi effetti come "Fluttuante" ed "Espansione" per creare pagine fantasiose e sorprendenti e attirare l'attenzione dei visitatori sui tuoi contenuti.
Puoi applicare animazioni a una varietà di elementi e persino applicare effetti diversi allo stesso elemento sia sul tuo sito desktop che su quello mobile. L'animazione sul tuo sito mobile è configurata per adattarsi agli schermi più piccoli, in modo da poter continuare a stupire i tuoi visitatori. Scopri di più sugli effetti di animazione sul tuo sito mobile.
In questo articolo, scoprirai come:
Aggiungere un'animazione a un elemento
Inizia a rendere il tuo sito dinamico e coinvolgente aggiungendo un'animazione ai tuoi elementi. Ogni animazione ha un effetto diverso, quindi puoi mescolarli con elementi diversi e lasciare il segno nei tuoi visitatori.
Per aggiungere l'animazione:
- Clicca sull'elemento pertinente nell'Editor
- Clicca sull'icona Animazione
- Seleziona un'animazione dalle opzioni disponibili
Nota:
Rimuovi gli effetti di animazione dai tuoi elementi cliccando sull'icona Animazione 
sull'elemento, quindi cliccando su Nessuno 
.
sull'elemento, quindi cliccando su Nessuno .Suggerimento:
Puoi aggiungere animazioni a un gruppo di elementi selezionando il gruppo e cliccando sull'icona Animazione .
.Personalizzare un'animazione
Dopo aver aggiunto l'animazione a un elemento, puoi personalizzarla per adattarla al tuo sito.
Regola le impostazioni come la potenza, la direzione e il ritardo per coinvolgere i tuoi visitatori.
Per personalizzare l'animazione:
- Clicca sull'elemento pertinente nell'Editor
- Clicca sull'icona Animazione
- Clicca su Personalizza e utilizza le opzioni per regolare l'animazione:
- Potenza: clicca sul menu a tendina e seleziona la potenza dell'animazione quando viene riprodotta
- Direzione: seleziona la direzione da cui entra l'animazione, ad esempio in senso orario o da destra
- Distanza: utilizza il cursore per aumentare o diminuire la distanza tra il punto iniziale e quello finale dell'effetto
- Durata: utilizza il cursore per regolare la durata della riproduzione dell'animazione
- Ritardo: trascina il cursore per aumentare o diminuire il ritardo tra il caricamento della pagina e l'inizio dell'animazione
- Anima solo la prima volta: clicca sull'interruttore per abilitare/disabilitare la visualizzazione dell'animazione solo al primo caricamento della pagina
Nota:
Le opzioni di personalizzazione disponibili dipendono dall'animazione scelta.
Aggiungere animazioni al tuo sito mobile
Oltre ad aggiungere animazioni agli elementi del tuo sito desktop, puoi anche aggiungerli al tuo sito mobile, in modo che i tuoi visitatori abbiano un'esperienza di navigazione eccezionale da tutti i loro dispositivi.
Le animazioni per dispositivi mobile sono state progettate specificamente per risoluzioni e dimensioni dello schermo più piccole, quindi non devi preoccuparti della spaziatura.
Nota:
Se vuoi che un elemento sia animato sia sulla versione desktop che su quella mobile del tuo sito, devi aggiungere l'effetto in entrambi gli Editor. Gli effetti di animazione aggiunti sul desktop non vengono trasferiti sul tuo sito mobile, poiché sono ottimizzati per schermi di diverse dimensioni.
Per aggiungere animazioni su dispositivi mobile:
- Vai al tuo Editor mobile
- Clicca sull'elemento pertinente
- Clicca sull'icona Animazione
- Seleziona un'animazione dalle opzioni disponibili
Importante:
- Le animazioni aggiunte agli elementi nell'intestazione vengono visualizzate solo quando l'elemento viene caricato per la prima volta
- Se un elemento viene nascosto/mostrato utilizzando Velo, anche le sue animazioni devono essere impostate tramite Velo. Scopri di più sugli elementi Velo (link a pagina in inglese)
Problemi con l'animazione?
Segui questi passaggi per assicurarti che funzionino come previsto sul tuo sito live.
Hai trovato utile questo articolo?
|