Anima i tuoi
riquadri contenitore,
liste dinamiche ed elementi, aggiungendo interazioni al passaggio del mouse. Questi sono gli effetti che i visitatori vedono quando passano il mouse sugli elementi che scegli.
Fai apparire o scomparire gli elementi, aggiungi effetti e cambia i colori al passaggio del mouse. Puoi anche controllare i tempi degli effetti per massimizzarne il potenziale.
Passaggio 1 | Aggiungi e progetta un elemento
Le interazioni al passaggio del mouse aggiungono vivacità e movimento al tuo sito. Per iniziare, aggiungi un riquadro o una lista dinamica dal pannello Aggiungi elementi.
Clicca su un'opzione qui sotto per saperne di più sull'aggiunta di ciascun elemento:
Aggiungi un riquadro contenitore
- Vai al tuo Editor
- Clicca su Aggiungi elementi
sul lato sinistro dell'Editor - Clicca su Riquadro
- Clicca o trascina un riquadro contenitore per aggiungerlo alla pagina
Suggerimento: clicca su Hover box e selezionane uno, se preferisci utilizzare un Hover box predefinito - (Facoltativo) Progetta il tuo riquadro contenitore e aggiungi elementi secondo le tue necessità
Aggiungi una lista dinamica
- Vai al tuo Editor
- Clicca su Aggiungi elementi sul lato sinistro dell'Editor
- Clicca su Lista
- Clicca su Liste dinamiche
- Clicca o trascina una lista dinamica per aggiungerla alla pagina
- (Facoltativo) Progetta la lista dinamica e aggiungi elementi secondo le tue necessità
Passaggio 2 | Accedi alla modalità Al passaggio mouse
Dopo aver aggiunto e progettato il tuo elemento, accedi alla modalità Al passaggio mouse per iniziare ad aggiungere interazioni. Qui puoi controllare ciò che i visitatori vedono mentre passano il mouse sul tuo riquadro o sulla tua lista dinamica.
Per accedere alla modalità Passaggio mouse:
- Seleziona il riquadro contenitore o la lista dinamica nell'Editor
- A seconda dell'elemento, effettua le seguenti operazioni per accedere alla modalità Al passaggio mouse:
- Riquadro: clicca sull'icona Interazioni al passaggio del mouse
- Lista dinamica: clicca su un contenitore nella lista dinamica e seleziona l'icona Interazioni al passaggio del mouse
- Clicca su Inizia
Passaggio 3 | Aggiungi interazioni al passaggio del mouse al tuo elemento
Dalla modalità Al passaggio mouse, puoi far apparire o scomparire gli elementi e aggiungere fantastici effetti. Tutto accade mentre i visitatori passano il mouse sul riquadro o sull'elemento della lista dinamica.
Scegli cosa vuoi fare:
Aggiungi elementi che appaiono al passaggio del mouse
- Clicca sull'icona Aggiungi al passaggio del mouse
in alto a sinistra per aggiungere elementi che appaiono al passaggio del mouse - Clicca sull'elemento che vuoi aggiungere al riquadro o alla lista dinamica
Nota: non tutti gli elementi possono essere aggiunti alla modalità Al passaggio mouse.
Nascondere elementi al passaggio del mouse
Fai scomparire un elemento quando i visitatori ci passano sopra con il mouse. Puoi nascondere elementi specifici o nascondere l'intero riquadro o lista dinamica.
Seleziona l'elemento e premi
Canc sulla tastiera o clicca sull'icona
Nascondi elemento 
.
Suggerimento:
Clicca sull'icona
Nascosto al passaggio del mouse 
in alto a sinistra per accedere e gestire l'elenco degli elementi nascosti.
Scegli un effetto per l'elemento al passaggio del mouse
Puoi aggiungere un effetto a qualsiasi elemento nel riquadro o nella lista dinamica, incluso l'elemento riquadro/lista dinamica stessa. Fai crescere, rimpicciolire, ruotare o inclinare gli elementi di lato.
- Seleziona il riquadro o la lista dinamica nel tuo Editor
- Clicca su Scegli effetto
- Seleziona un effetto dalle opzioni disponibili
Suggerimento: scegli l'effetto Combo per combinare più effetti. Ad esempio, puoi far crescere e ruotare il tuo elemento allo stesso tempo usando questo effetto - (Facoltativo) Clicca su Personalizza per personalizzare l'effetto a seconda delle tue esigenze
Dopo aver selezionato un effetto per il tuo elemento, imposta le tempistiche per farlo apparire.
- Seleziona l'elemento nel tuo Editor
- Clicca sull'icona Tempistiche
- Utilizza le opzioni disponibili per stabilire le tempistiche dell'effetto:
- Durata: trascina il cursore per scegliere la durata (in secondi) dell'effetto, dopo che i visitatori passano il mouse sull'elemento
- Ritardo: trascina il cursore per selezionare il ritardo (in secondi) dal momento in cui i visitatori passano il mouse sull'elemento al momento in cui vedono l'effetto
- Interpolazione: scegli come l'elemento deve passare dal suo stato normale all'effetto, dopo che i visitatori vi passano sopra con il mouse (es. sfumare in entrata o in uscita sull'effetto)
(Solo contenitori) Modifica il design del contenitore al passaggio del mouse
Puoi modificare il design del riquadro in modalità al passaggio del mouse per cambiarne il colore di sfondo, il bordo, gli angoli e l'ombra.
- Seleziona il riquadro nell'Editor
- Clicca sulla scheda Al passaggio del mouse nella parte superiore del riquadro
- Clicca sull'icona Design
- Seleziona la scheda pertinente a sinistra del pannello per modificare il design:
- Colore e opacità: trascina il cursore per regolare l'opacità dello sfondo e clicca sulla casella del colore per modificare il colore
- Bordo: clicca sulla casella del colore per modificare il colore e trascina i cursori per regolare Opacità e colore e la Larghezza del bordo
- Angoli: seleziona un angolo per regolare la rotondità degli angoli. Clicca sull'icona Link per rendere tutti gli angoli uguali
- Ombra: clicca sull'interruttore per abilitare un'ombra, quindi modificarne l'angolo, la distanza, le dimensioni e altro ancora
