Efecte de Mișcare în Elementor
Efecte de mișcare în Elementor, sunt un set puternic de comenzi pentru adăugarea de tranziții și animații designului dvs.
Până acum, designerii web care doreau să încorporeze animații și efecte de mișcare trebuiau să folosească fie biblioteci externe, fie cod personalizat.
Dar din versiunea Elementor Pro 2.5 oferă o soluție all-in-one pentru crearea de paralax, animații și alte efecte de mișcare – toate integrate perfect în editorul Elementor.
Efecte de Defilare
Utilizați Efecte de defilare pentru a crea animații și interacțiuni uimitoare atunci când utilizatorul defilează prin pagină. Iată o listă a efectelor de defilare:
Defilare Verticală
Acesta este efectul clasic de paralax. Derularea verticală face ca elementul să se miște cu o viteză diferită de cea a paginii în timpul derulării, în direcția și viteza pe care o alegeți.
Defilare Orizontală
Derularea orizontală înseamnă că atunci când vizitatorul derulează în sus și în jos, elementul se mișcă la dreapta și la stânga în consecință. Un exemplu de utilizare – o secțiune cu nori care se deplasează spre dreapta când vizitatorul derulează în jos.
Transparenţă
Transparența vă permite să faceți treptat elementele mai transparente sau mai vizibile în corelație cu scroll-ul vizitatorului. Un exemplu este ca un titlu să apară și apoi să se dizolve în conformitate cu scroll-ul dvs..
Există 4 direcții posibile de efect:
- Fade in – Ceea ce înseamnă că elementul începe ca transparent și treptat devine vizibil.
- Fade out – Elementul începe vizibil și devine treptat transparent.
- Fade out in – Elementul începe ca vizibil, apoi dispare, apoi devine din nou vizibil.
- Fade in out – Elementul începe ca transparent, apoi devine vizibil, apoi transparent din nou.
Blur
Această setare este similară cu Transparența, doar că în loc de transparență, elementul devine neclar. Un bun exemplu sunt imaginile de fundal, care obțin o focalizare adecvată numai atunci când utilizatorul derulează în jos.
Rotație
Aici, elementul se rotește pe măsură ce derulați. Un exemplu atractiv este văzut în rotația stelelor din imaginea de mai jos:
Scale
Scala vă permite să creșteți și să micșorați elementele în funcție de defilare. Exemplu: un fundal care crește în timpul derulării.
Efecte Mouse
Urmărirea Mouse-ului
Creați un sentiment de profunzime făcând elementele să se miște în raport cu mișcarea mouse-ului vizitatorului.
Înclinare 3D
În mod similar modului în care Mouse Track mută elementul în raport cu mișcarea mouse-ului, efectul de înclinare 3D înclină elementul în funcție de aceeași mișcare a cursorului.
Efecte de Mișcare – Browsere Compatibile
Chrome | Firefox | Safari | Opera | Edge | Internet Explorer |
Suportat | Suportat | Suportat | Suportat | Suportat* | Nu este Suportat |
* Comportament ușor întârziat
Pentru confortul dvs. urmăriți acest tutorial și în format Video. Video creat de echipa de asistență Elementor.