header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image

Editor Studio: aggiungere un'animazione in entrata

4 min
In questo articolo
  • Aggiungere un'animazione in entrata
  • Personalizzare un'animazione in entrata
  • Rimuovere un'animazione in entrata
Aggiungere un'animazione in entrata a un elemento è un ottimo modo per attirare l'attenzione dei visitatori su di esso. L'animazione appare quando l'elemento appare per la prima volta sullo schermo, quindi attira immediatamente l'attenzione. Ce ne sono di molti tipi tra cui scegliere e puoi personalizzarle in base alle esigenze del cliente.
Un esempio di sezione su un sito live, ogni elemento con la propria animazione in entrata

Aggiungere un'animazione in entrata

Puoi aggiungere un'animazione in entrata a elementi e sezioni specifici o alla pagina del sito nel suo insieme.

Per aggiungere un'animazione in entrata:

  1. Seleziona l'elemento pertinente
  2. Clicca sull'icona Apri Ispezione  in alto a destra dell'Editor
Screenshot dell'apertura del pannello Ispezione nell'Editor Studio
  1. Clicca sulla scheda Animazioni ed effetti 
  2. Clicca su + Aggiungi sotto Entrata
  3. Seleziona un'animazione dall'elenco
    Suggerimento: passa il mouse sulle animazioni per visualizzarne un'anteprima
  4. (Facoltativo) Clicca su Regola animazione in basso per personalizzare impostazioni come direzione, ritardo e durata
GIF che mostra il passaggio del mouse sui vari tipi di animazione, quando si sceglie un'animazione, appare un'anteprima

Personalizzare un'animazione in entrata

Dopo aver scelto un'animazione, impostala in modo che si comporti come desideri. Scegli la durata dell'animazione, quando inizia, la sua intensità e altro ancora. 

Per personalizzare un'animazione in entrata:

  1. Seleziona l'elemento, la sezione o la pagina pertinente
  2. Clicca sull'icona Apri Ispezione  in alto a destra dell'Editor
Screenshot dell'apertura del pannello Ispezione nell'Editor Studio
  1. Clicca sulla scheda Animazioni ed effetti 
  2. Clicca sull'animazione che vuoi modificare 
  3. Clicca su Regola animazione per modificarne le impostazioni:
    • Direzione: decidi da quale direzione deve provenire l'animazione
      Suggerimento: a seconda del tipo di animazione, puoi impostare la direzione in gradi (es. 180°) oppure puoi scegliere un'opzione dal menu a tendina (es. da sinistra, in senso orario) 
    • Durata: modifica la durata dell'animazione
    • Ritardo: imposta il tempo che intercorre tra il caricamento della pagina e l'inizio dell'animazione 
    • Interpolazione: scegli quanto gradualmente l'animazione deve entrare e/o uscire 
Nota:
Le opzioni di personalizzazione disponibili dipendono dall'animazione che hai scelto.
Screenshot che mostra le impostazioni disponibili quando si personalizza un'animazione Rivela

Rimuovere un'animazione in entrata

Puoi rimuovere un'animazione in entrata in qualsiasi momento dal pannello Ispezione. 

Per rimuovere un'animazione in entrata:

  1. Seleziona l'elemento pertinente
  2. Clicca sull'icona Apri Ispezione  in alto a destra dell'Editor
Screenshot dell'apertura del pannello Ispezione nell'Editor Studio
  1. Clicca sulla scheda Animazioni ed effetti 
  2. Passa il mouse sull'animazione e clicca sull'icona Altre azioni 
  3. Clicca su Rimuovi
Screenshot che mostra come selezionare un'animazione nel pannello Ispezione e rimuoverla
Un esempio di sezione su un sito live, ogni elemento con la propria animazione in entrata
Screenshot dell'apertura del pannello Ispezione nell'Editor Studio
GIF che mostra il passaggio del mouse sui vari tipi di animazione, quando si sceglie un'animazione, appare un'anteprima
Screenshot dell'apertura del pannello Ispezione nell'Editor Studio
Screenshot che mostra le impostazioni disponibili quando si personalizza un'animazione Rivela
Screenshot dell'apertura del pannello Ispezione nell'Editor Studio
Screenshot che mostra come selezionare un'animazione nel pannello Ispezione e rimuoverla