Editor X: informazioni sulle interazioni al clic e al passaggio del mouse

Tempo di lettura: 3 min.
Editor X sta passando a Wix Studio, la nostra nuova piattaforma per agenzie e freelancer.Scopri di più su Wix Studio
L'Editor X ti consente di creare interazioni accattivanti per attirare l'attenzione dei tuoi visitatori, senza dover scrivere una sola riga di codice. Quando i visitatori cliccano o passano il mouse sugli elementi, puoi farli trasformare, spostare o rivelare nuovi contenuti.
Scegli tra un'ampia gamma di effetti predefiniti o crea un effetto personalizzato che risponda esattamente alle tue esigenze. Gestisci i tempi, l'ordine e la morbidezza di ogni parte dell'interazione, quindi visualizza in anteprima il risultato finale direttamente dal tuo Editor.

Come funzionano le interazioni?

Ogni interazione è composta da due parti: Trigger e Animazione. 
  • Trigger: l'azione che avvia l'animazione: clic o passaggio del mouse su un elemento 
  • Animazione: l'animazione che progetti per un elemento specifico 
Per prima cosa, scegli il trigger pertinente. Quindi, puoi decidere l'animazione che vuoi mostrare quando i visitatori cliccano o passano il mouse sull'elemento. 

Scegliere e personalizzare le animazioni

L'Editor X offre una varietà di animazioni predefinite che puoi utilizzare, come Aumenta, Ruota e Dissolvenza. Abbiamo progettato le animazioni per te, ma puoi comunque controllare le tempistiche e adattarle alle tue esigenze. 
Per creare un effetto più elaborato, progetta un'animazione personalizzata che abbia l'aspetto e il comportamento che desideri. Le animazioni personalizzate ti consentono di modificare il colore di riempimento dell'elemento, l'opacità, l'angolo, le dimensioni e molto altro ancora, al clic o al passaggio del mouse. 

Progettare lo stato iniziale di un elemento

Una volta creata un'interazione personalizzata, puoi progettare lo stato iniziale dell'elemento. Ecco come appare l'elemento quando viene caricato, prima che i visitatori interagiscano con esso. Puoi regolare l'opacità, l'angolo, le dimensioni e la posizione iniziali dell'elemento, quindi creare un'animazione che vada con esso. 
Nell'esempio seguente, quando un visitatore clicca sul testo appare un'immagine. È possibile ottenere questo effetto impostando l'opacità dell'immagine su 0 nel suo stato iniziale.

Interazioni tra elementi diversi

L'Editor X ti consente di creare interazioni tra gli elementi, quindi cliccando o passando il mouse su un elemento influirà su un'altro. Quando imposti una nuova interazione, puoi selezionare l'elemento animato: lo stesso elemento su cui i visitatori hanno passato il mouse o cliccato, o uno diverso.
Nell'esempio seguente, cliccando sul tasto si attivano altri 3 riquadri contenitore per modificare la loro posizione:

Hai trovato utile questo articolo?

|