Puoi aggiungere effetti visivi al tuo sito WordPress che creano l'illusione di movimento o cambiamento. Per questo, il modulo GutenKit Motion Effects è un'opzione fantastica per te. È un modulo pratico che offre molteplici scelte di effetti.
Vediamo come funziona il modulo.
Moduli sotto i moduli Effetti movimento #
Accedi alla dashboard di WordPress > Trova GutenKit e vai su Moduli > Qui, troverai Effetti di scorrimento, Inclinazione del mouse, Tracciamento del mouse e Animazione di ingresso > accenderli

Come funziona il modulo GutenKit Motion Effects? #
- Trovare Pagine/Articoli > Aggiungi nuova pagina/Articolo oppure inizia a modificare una pagina esistente con l'editor a blocchi.
- Seleziona il blocco GutenKit che desideri.
- Vai alla sezione Avanzate.
- Trova effetti di movimento

Dopo aver espanso il modulo, vedrai:

Modifica effetti di scorrimento #
Quando abiliti il pulsante, vedrai queste funzionalità:
- Scorrimento verticale: Il contenuto si sposta su e giù durante lo scorrimento.
- Scorrimento orizzontale: Il contenuto si sposta a sinistra e a destra durante lo scorrimento.
- Trasparenza: Il contenuto appare o scompare mentre scorri.
- Sfocatura: Il contenuto diventa sfocato o diventa più nitido mentre scorri.
- Ruotare: Il contenuto gira o si capovolge durante lo scorrimento.
- Scala: Il contenuto si riduce o aumenta mentre scorri.
Inoltre, puoi disattivare questa opzione per desktop, tablet, dispositivi mobili, ecc.

Modifica l'effetto di inclinazione del mouse #
Quando abiliti il pulsante, vedrai queste funzionalità:
- Rotazione massima (gradi): Imposta l'angolo massimo di inclinazione dell'elemento durante il movimento del mouse (in gradi).
- Velocità: Controlla la velocità con cui l'elemento si inclina in risposta al movimento del mouse.
- Inversione: Inverte la direzione dell'inclinazione (si inclina in direzione opposta al movimento del mouse).
- Inizio X/Y: Definisce la posizione di inclinazione iniziale dell'elemento sugli assi orizzontale e verticale.
- Prospettiva: Crea un effetto di profondità 3D per l'animazione di inclinazione.
- Scala: Rende l'elemento leggermente più grande o più piccolo durante l'inclinazione.
- Abilita abbagliamento: Attiva un effetto luminoso che si intensifica con l'inclinazione.
- Abilita giroscopio: Utilizza il giroscopio del dispositivo per un'inclinazione più naturale in base al movimento.

Modifica l'effetto della traccia del mouse #
Quando abiliti il pulsante, vedrai queste funzionalità:
- Velocità della traccia del mouse: Controlla la velocità con cui l'elemento segue il movimento del mouse.
- Direzione della traccia del mouse: Determina se l'elemento si sposta con il mouse (Diretto) o nella direzione opposta (Opposto).

Modifica l'animazione dell'ingresso #
Qui troverete stili di animazione come Bounce, Flash, BackInUp, FadeInLeft, RollIn e così via.
