Avada animationer og scroll-effekter: Giv din hjemmeside liv
Animationer og bevægelse er med til at gøre en hjemmeside levende og engagerende. I Avada Builder er det nemt at tilføje professionelle animationer til dine elementer og sektioner – uden at skrive en linje JavaScript.
Entrance Animations på elementer Alle elementer i Avada Builder har en “Animations”-fane, hvor du kan vælge en entrance animation – den animation, der afspilles, når elementet dukker op i viewporten, mens brugeren scroller. Valgmulighederne inkluderer: – Fade In (og retningsbaserede varianter: fra venstre, højre, top, bund) – Zoom In / Zoom Out – Bounce, Flip, Rotate og Flash – Ligh Speed (hurtig slide-effekt)
Du kan styre delay, hastighed og om animationen skal afspilles én gang eller hver gang elementet kommer i view.
Parallax-baggrunde Parallax er en scroll-effekt, hvor baggrundsbilledet bevæger sig langsommere end sidens øvrige indhold, hvilket skaber en 3D-dybdeeffekt. I Avada aktiveres parallax på container-niveau under bagrundsindstillingerne. Det er særligt effektivt på hero-sektioner og store billede-sektioner.
Sticky-elementer Avada understøtter sticky-kolonner, der forbliver synlige i viewporten, mens indholdet ved siden af scroller. Det bruges typisk til: – Prisplaner, der forbliver synlige, mens man læser features – Kontaktformularer på servicesider – En fast sidebar med indholdsfortegnelse
Scroll-baserede animationer med Avada Fusion Slider Avadas indbyggede Fusion Slider og Revolution Slider-support (via plugin) giver mulighed for komplekse scroll- og klik-baserede animationer på hero-sektioner – med lag, tekst-animationer og overgangseffekter.
Husk: Animationer skal understøtte indholdet Animationer bør bruges med omtanke. For mange eller for voldsomme animationer kan virke distraherende og forringe brugeroplevelsen. Brug dem til at guide brugerens opmærksomhed, fremhæve vigtige budskaber og skabe et professionelt første indtryk – ikke blot som pynt.
Performance og animationer CSS-baserede animationer (som Avada bruger) er generelt lette for browseren. Undgå at animere for mange elementer på én gang på mobil – det kan give hakket performance på ældre enheder. Test altid på rigtige mobile enheder.
