header-logo
Primi passiScopri come iniziare a costruire il tuo sito con Wix. Scegli un template e personalizzalo, o assumi un professionista per creare o far crescere la tua presenza online.
Creare il tuo sitoScopri come usare l'Editor Wix e gestire i contenuti del tuo sito. Proteggi la privacy dei tuoi visitatori e rendi il tuo sito accessibile.
Account e fatturazioneGestisci le impostazioni del tuo account, i tuoi abbonamenti e i pacchetti Premium, e scopri di più sulle tue fatture.
Usare le app mobile WixUsa l'app Wix per gestire la tua attività, comunicare con i tuoi visitatori e creare la tua community.
Collegare un dominioScopri come acquistare, collegare o trasferire un dominio, e come tenere i dati del tuo sito al sicuro.
Gestire la tua attivitàTrova gli strumenti giusti per costruire e far crescere la tua attività: accetta pagamenti, controlla le tue statistiche, gestisci i tuoi clienti e altro ancora.
Promuovere il tuo sitoScopri come promuovere il tuo sito sui motori di ricerca, inviare campagne email e pubblicare annunci a pagamento.
Studio, Partner ed EnterpriseOttieni il massimo dal tuo account Studio, Partner o Enterprise, e fai crescere la tua attività.
AssistenzaScopri come ottimizzare le prestazioni del tuo sito e risolvere problemi tecnici. Dai un'occhiata alle nuove funzionalità in arrivo nella Roadmap dei prodotti.
placeholder-preview-image
Wix LearnDiventa un esperto con i nostri corsi e tutorial.
Wix BlogScopri i consigli per web design, marketing e molto altro.
SEO Learning HubScopri come far crescere il traffico organico del tuo sito.
Website developmentCrea il tuo sito con la nostra piattaforma full stack.
Assumi un professionistaTrova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image
In questo articolo:
  • Animazione in entrata
  • Interazioni al passaggio del mouse e clic
  • Animazioni di scorrimento
  • Animazione in loop
  • Effetti WebGL per gli sfondi multimediali
  • Domande frequenti (FAQ)

Editor Studio: informazioni sulle animazioni

In questo articolo:
  • Animazione in entrata
  • Interazioni al passaggio del mouse e clic
  • Animazioni di scorrimento
  • Animazione in loop
  • Effetti WebGL per gli sfondi multimediali
  • Domande frequenti (FAQ)
Incorporare le nostre animazioni nei tuoi design può davvero portarli a un livello superiore. L'Editor Studio offre 5 diversi tipi di animazione, in base a quando vuoi che appaiano sullo schermo.
Mostra delle animazioni quando i visitatori passano il mouse, cliccano o scorrono un elemento. Puoi anche aggiungere un'animazione in entrata, al primo caricamento dell'elemento, o una che si ripete in loop, il tutto senza dover usare alcun codice.
Nota:
La dimensione dell'animazione viene calcolata in base al tuo browser specifico al primo caricamento della pagina. Se ridimensioni la finestra del browser (trascinando le maniglie), l'animazione potrebbe non apparire correttamente. Ti consigliamo di aggiornare la pagina per una visualizzazione ottimale.

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, quindi attira immediatamente l'attenzione. Ci sono molti tipi tra cui scegliere e puoi personalizzarle in base alle esigenze del tuo cliente.
Un esempio di animazione in entrata applicata a un'intera pagina, che la rivela durante il caricamento

Interazioni al passaggio del mouse e clic

Aggiungi fantastici effetti che appaiono quando i visitatori passano il mouse o cliccano su un elemento. Puoi trasformare gli elementi, spostare o rivelare nuovi contenuti al passaggio del mouse o con un clic.
Scegli tra una gamma di effetti predefiniti o crea un effetto personalizzato con le tue specifiche esatte. Gestisci i tempi, l'ordine e l'andamento per legare il tutto, quindi visualizza in anteprima il risultato finale direttamente dall'Editor.
Puoi anche creare interazioni tra gli elementi, in modo che il passaggio del mouse o il clic su un elemento ne attivi un altro.
Nell'esempio seguente, il passaggio del mouse sul paragrafo attiva lo spostamento del tasto e dell'immagine.
GIF che mostra come appaiono le interazioni su un sito online

Animazioni di scorrimento

Aumenta il coinvolgimento e crea effetti interessanti con le animazioni basate sullo scorrimento. L'avanzamento dell'animazione è direttamente correlato alla posizione di scorrimento, avanti e indietro mentre i visitatori scorrono verso l'alto e verso il basso. 
Puoi anche creare interazioni tra gli elementi, in modo che scorrere oltre un elemento ne attivi un altro.
Nell'esempio seguente, scorrendo oltre il titolo fa ingrandire la lista dinamica. 
Un esempio di animazione di scorrimento su un sito live

Animazione in loop

Crea un senso di movimento nel tuo design con animazioni che si ripetono ininterrottamente. Puoi aggiungere un'animazione in loop a qualsiasi elemento che vuoi che i visitatori notino: alcuni sono più discreti e altri attirano maggiormente l'attenzione.
Esempio di elemento maschera di testo con animazione in loop su un sito live

Effetti WebGL per gli sfondi multimediali

Trasforma i progetti dei tuoi clienti con i nostri effetti WebGL, progettati per trasformare gli sfondi multimediali in uno spettacolo. Questi effetti coinvolgono i visitatori del sito garantendo prestazioni ottimali. Scegli tra una varietà di fantastici preset, modifica le loro proprietà e decidi come si attivano: automaticamente durante lo scorrimento o tramite il movimento del mouse del visitatore. 
GIF che mostra un sito live con animazioni WebGL sullo sfondo di più sezioni

Domande frequenti (FAQ)

Seleziona una domanda per saperne di più sugli effetti di animazione.

Helpmate

Ciao

Hai bisogno di ulteriori suggerimenti?
Unlock personalized helpLog in to get the most out of Helpmate.