Doriți să aplicați un efect de defilare Elementor?
Unul dintre lucrurile convingătoare atunci când proiectați o pagină sau un șablon folosind Elementor este că puteți aplica anumite efecte de animație paginii sau șablonului la care lucrați. Unul dintre ele este un efect de defilare pe care îl vom acoperi în acest articol.
Efectul de defilare în sine este o caracteristică disponibilă pe Elementor Pro. Deci trebuie să faceți upgrade Elementor la versiunea pro în cazul în care nu ați făcut acest lucru.
Ce este efectul de defilare?
Acesta este un tip de efect de animație care apare atunci când utilizatorii derulează mouse-ul peste o pagină. Fie în sus sau în jos. Efectul poate varia în funcție de setarea dvs. Elementor însuși oferă 6 opțiuni de efect:
- Defilare verticală: obiectul se va deplasa vertical la derularea mouse-ului
- scrolling orizontală: obiectul se va deplasa orizontal la derularea mouse-ului
- Transparenţă: Obiectul va apărea ca transparent înainte de derularea mouse-ului
- În ceață: Obiectul va apărea neclar înainte de derularea mouse-ului
- Scară: Obiectul va apărea la o anumită scară înainte de derularea mouse-ului
Puteți aplica un efect de defilare fie pe o secțiune, o coloană sau un widget.
Cum se aplică efectul de defilare în Elementor
După cum am menționat, efectul de defilare este una dintre caracteristicile Elementor Pro. Cu alte cuvinte, trebuie să utilizați Elementor Pro pentru a utiliza această funcție.
În acest tutorial, vă vom arăta cum să aplicați un efect de defilare orizontală. După cum sugerează și numele, acest efect va aplica mișcare verticală unui obiect atunci când mouse-ul este derulat. Acest efect este excelent atunci când este combinat cu Lottie.
Mai jos este un exemplu înainte de a aplica efectul de defilare orizontală.
Și iată exemplul după aplicarea scroll-ului orizontal.
Remarque: Următorul tutorial folosește Lottie.
S-a adăugat efect de defilare
Din nou, puteți aplica efectul de defilare la o secțiune, coloană sau widget.
Mai întâi, selectați un element (secțiune, coloană sau widget) pe care doriți să aplicați efectul de defilare și accesați fila avansat în panoul din stânga și deschideți secțiunea Efecte de mișcare.
Activați opțiunea Efecte de derulare.
Deoarece dorim să aplicăm efectul de defilare orizontală, faceți clic pe pictograma creion din opțiune Derulare orizontală pentru a face setări precum direcția (stânga sau dreapta), viteza și fereastra (zona vizibilă pentru utilizator).
Puteți aplica mai multe efecte de defilare dacă doriți. Doar faceți clic pe pictograma creion de pe alte opțiuni de efect de defilare pentru a aplica alte efecte de defilare.
Asta e. Odată ce pagina este completă, puteți publica / actualizați-l. De asemenea, puteți dezactiva efectul de defilare pe un anumit tip de dispozitiv. Pur și simplu eliminați dispozitivul pe care doriți să dezactivați efectul de defilare făcând clic pe pictogramă X imediat Aplică efecte la .
Obțineți Elementor Pro acum!!!
Concluzie
Aici ! Gata pentru acest articol care vă arată cum aplicați efectul de defilare în Elementor. Dacă aveți nelămuriri despre cum să ajungeți acolo, anunțați-ne în termen comentarii.
Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.
Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.
...