jlmakes / scrollreveal

Animate elements as they scroll into view.
https://scrollrevealjs.org/
22.39k stars 2.26k forks source link

Stagger animations? #494

Closed MariuzM closed 5 years ago

MariuzM commented 5 years ago

I have multiple h1 does ScrollReveal have stagger mode similar to how AnimeJS does it? Reading doc and google nothing really comes up :(

<div>
    <h1>1</h1>
    <h1>2</h1>
    <h1>3</h1>
    <h1>4</h1>
    <h1>5</h1>
</div>

For AnimeJS i would use this delay: anime.stagger(300) but i cant use AnimeJS because i want the animation to start when on scroll hence why using ScrollReveal. Maybe way to combine ScrollReveal with AnimeJS?

jlmakes commented 5 years ago

Hey @MariuzM, try options.interval!

ScrollReveal().reveal('h1', { interval: 300 });