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 brio e movimento al tuo sito. Per iniziare, aggiungi un riquadro o una lista dinamica dal pannello Aggiungi.
Clicca su un'opzione qui sotto per saperne di più sull'aggiunta di ciascun elemento:
Aggiungi un riquadro contenitore
- Clicca sull'icona Aggiungi
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
- Clicca sull'icona Aggiungi 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.
- 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 contenitore: clicca sull'icona Al passaggio del mouse
- Lista dinamica: clicca su qualsiasi contenitore nella lista dinamica e seleziona l'icona 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
Per far scomparire un elemento quando i visitatori ci passano sopra con il mouse:
- Seleziona l'elemento e premi Elimina sulla tastiera o clicca sull'icona Nascondi
Nota: puoi nascondere elementi specifici o l'intero riquadro/lista dinamica - 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.
Per scegliere un effetto:
- 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.
Per impostare le tempistiche:
- 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)
Modifica il design di un riquadro 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.
Nota: questa opzione è disponibile solo per i riquadri contenitore e non si applica alle liste dinamiche.
Per modificare il design del riquadro al passaggio del mouse:
- Clicca sulla casella nell'Editor per selezionarla
- 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
