Vuoi applicare un effetto di scorrimento in Elementor?
Una delle cose interessanti quando si progetta una pagina o un modello utilizzando Elementor è che puoi applicare determinati effetti di animazione alla pagina o al modello su cui stai lavorando. Uno di questi è un effetto di scorrimento che tratteremo in questo articolo.
L'effetto di scorrimento stesso è una funzionalità disponibile Elementor Pro. Quindi devi aggiornare il tuo Elementor alla versione pro nel caso in cui non l'hai fatto.
Qual è l'effetto di scorrimento?
Questo è un tipo di effetto di animazione che si verifica quando gli utenti fanno scorrere il mouse su una pagina. Sia in alto che in basso. L'effetto può variare a seconda dell'impostazione. Elementor stesso offre 6 opzioni di effetti:
- Scorrimento verticale: l'oggetto si sposterà verticalmente durante lo scorrimento del mouse
- scorrimento orizzontale: l'oggetto si sposterà orizzontalmente durante lo scorrimento del mouse
- Trasparenza: L'oggetto apparirà trasparente prima dello scorrimento del mouse
- Sfocato: L'oggetto apparirà sfocato prima dello scorrimento del mouse
- Scala a pioli: L'oggetto apparirà in una certa scala prima dello scorrimento del mouse
Puoi applicare un effetto di scorrimento su una sezione, una colonna o un widget.
Come applicare l'effetto di scorrimento in Elementor
Come accennato, l'effetto di scorrimento è una delle caratteristiche di Elementor Pro. In altre parole, devi utilizzare Elementor Pro per utilizzare questa funzione.
In questo tutorial, ti mostreremo come applicare un effetto di scorrimento orizzontale. Come suggerisce il nome, questo effetto applicherà il movimento verticale a un oggetto quando si scorre il mouse. Questo effetto è eccellente se combinato con Lottie.
Di seguito è riportato un esempio prima di applicare l'effetto di scorrimento orizzontale.
Ed ecco l'esempio dopo aver applicato lo scorrimento orizzontale.
Nota: Il seguente tutorial usa Lottie.
Aggiunto effetto di scorrimento
Anche in questo caso, puoi applicare l'effetto di scorrimento a una sezione, una colonna o un widget.
Per prima cosa, seleziona un elemento (sezione, colonna o widget) su cui vuoi applicare l'effetto di scorrimento e vai alla scheda avanzato nel pannello di sinistra e aprire la sezione Effetti di movimento.
Attiva l'opzione Effetti di scorrimento.
Poiché vogliamo applicare l'effetto di scorrimento orizzontale, fare clic sull'icona a forma di matita sull'opzione Scorrimento orizzontale per effettuare impostazioni come direzione (sinistra o destra), velocità e finestra (l'area visibile all'utente).
Puoi applicare più effetti di scorrimento se lo desideri. Basta fare clic sull'icona della matita su altre opzioni degli effetti di scorrimento per applicare altri effetti di scorrimento.
Questo è tutto. Una volta completata la pagina, puoi farlo Pubblicare / aggiornalo. Puoi anche disabilitare l'effetto di scorrimento su un certo tipo di dispositivo. Rimuovi semplicemente il dispositivo su cui desideri disabilitare l'effetto di scorrimento facendo clic sull'icona X al momento Applica effetti a .
Ottieni subito Elementor Pro!!!
Conclusione
Ecco ! Questo è tutto per questo articolo che ti mostra come applica l'effetto di scorrimento in Elementor. Se hai dubbi su come arrivarci, faccelo sapere all'interno commentaires.
Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
