Animation Repeat

[hueitan]

How about adding a repeat that can scroll again when scroll to the position.

<h1 data-scrollreveal="enter from the top and move 50px over 1.33s repeat"> 
    Foo 
</h1>

[jlmakes]

So the element fades in when it scrolls into the viewport—but then fades out when it leaves the viewport? (so it can reveal again upon entering the viewport?)

I was inspired by the cbpScroller which actually behaves this way. I like it.

[hueitan]

Yes, cool for that !

[cbleslie]

Just thought I would put in my 0.2 bitcoins; I think as far as syntax for the animation is concerned perhaps "rewind"?

[jlmakes]

One idea could be using every time vs. once as an optional parameters to control this behavior. e.g:

<foo data-scrollreveal="enter left over 0.3s once">
<foo data-scrollreveal="enter left over 0.3s every time">

[jtwalters]

Another way to describe this behavior could be reset, like below:

<foo data-scrollreveal="enter left over 0.3s with reset">

the word "with" could be optional.