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.