Scroll-animaties zijn elke vorm van animatie die plaatsvindt terwijl de bezoeker omhoog of omlaag scrolt op een website. Gewoonlijk wordt de scrollende animatie geactiveerd wanneer het element in beeld komt en kan deze worden toegepast op vrijwel elk element, zoals tekst, afbeeldingen en video's.

Standaard scroll animaties

1. Links naar rechts
2. Rechts naar links
3. Boven naar onder
4. Onder naar boven
5. Infaden
6. Verschalen
7. Linksom roteren
8. Rechtsom roteren
9. Eindeloze Marquee met de mogelijkheid om scrollende tekst op een webpagina te tonen. Snelheid, lettergrootte, richting, kleur en achtergrondkleur zijn aanpasbaar.
10. Schrijfmachine|Met meerdere zinnen.|Gescheiden door een vertikale streep.

Onze ogen worden van nature aangetrokken door beweging, dus deze functie zal de bezoeker verleiden en betrokken houden. Door opvallende animaties aan een pagina toe te voegen, onderscheidt deze zich van de rest.

Scroll animaties en afbeeldingen met bijschriften

Deze afbeelding verschijnt verschalend en het opschrift ook.

Deze afbeelding verschijnt verschalend en het opschrift ook.

Het is ook mogelijk om complete widgets een effect te geven. hieronder een gemaskerde slider met een schaal effect.

Afbeelding B met opschrift effect 'van links naar rechts'.

Afbeelding C met opschrift effect 'van rechte naar links'.

Zoomen

Afbeeldingen die gemaskerd zijn, in dit geval in een gemaskeerde slider, kunnen ook een zoom effect hebben. Dit trekt nog eens extra de aandacht.

Inzoomen

Uitzoomen

Om te voorkomen dat de afbeeldingen vaag worden is het verstandig om voor een grote hoeveelheid beeldpuntent kiezen. Bijvoorbeeld 2500 pixels of meer breed.