Effetti di parallasse

Parallasse dell'immagine di sfondo #

Una delle principali tendenze nel web design è lo scorrimento Parallax, che prevede che l'immagine di sfondo si muova a una velocità inferiore rispetto al contenuto in primo piano mentre scorri la pagina. Questo effetto parallasse può essere applicato al sito Elementor.

In questa guida ti mostreremo come aggiungere l'effetto Parallasse a un'immagine di sfondo con ElementsKit.

Guarda la videoguida:

Oppure segui le istruzioni dettagliate qui sotto:

Passaggio => 1: Assicurati che il Parallasse il modulo è SU da Pannello di controllo ElementsKit MODULI

Passaggio => 2: Vai a Elementi=> Cerca Immagine=> Trascina e rilascia il Sezione immagine.

Passaggio => 3: Aggiungere un Immagine di sfondo da Modifica sezione Contenuto scheda

Passaggio => 4: Vai a Scheda Avanzate -> Fare clic su ElementsKit effetti-> Seleziona tipo di effetto CSS3, inclinazione, opzione su scorrimento, su spostamento del mouse a tua scelta

CSS3 #

  • Passo => 1: Vai a Scheda Avanzate=>Effetti ElementsKit=> Tipo di effetto=> Seleziona CSS3=> Accendi il Animazione CSS Attiva/disattiva
  • Selezionare Effetto animazione da Cadere in picchiata
  • Modificare Animazione Velocità
  • Animazione Conteggio delle iterazioni=> Infinito o non impostato
  • Selezionare Direzione dell'animazione
  • Passo => 2: Effetti ElementsKit=> Tipo di effetto=> Seleziona CSS3=> Accendi il Trasformazione CSS Attiva/disattiva
  • Tradurre
  • Ruotare
  • Scala
  • Storto
  • Reimposta se vuoi

Inclinare #

Passaggio => 1: Vai a Scheda Avanzate=>Effetti ElementsKit=> Tipo di effetto=> Seleziona Inclinare

Scorrere su #

Passaggio => 1: Vai a Scheda Avanzate=>Effetti ElementsKit=> Tipo di effetto=> Seleziona durante lo scorrimento

Al movimento del mouse #

Passaggio => 1: Vai a Scheda Avanzate=>Effetti ElementsKit=> Tipo di effetto=> Seleziona al movimento del mouse

Ecco come l'effetto parallasse può essere applicato alla pagina o al sito web di Elementor. Scopri questo metodo semplice e accattivante per applicare la parallasse alla tua pagina Elementor.

Quali sono i tuoi sentimenti?
Aggiornato il 12 Febbraio 2024