Enter 'scale'

[jlmakes]

Enter 'scale'

[jlmakes]

Hey @johnie

I too am interested in expanding the keywords and support animation types, and your thinking is similar to mine — however, I’m not clear on exactly how I would implement a scale keyword. (I don’t think it should be limited to a scale(0) to scale(1) however.)

Here’s one idea for fantasy syntax for adding a scale keyword:

<!-- Element starts at scale(0.75), and animates to scale(1) -->
<div data-scroll-reveal="after 2s, scale up 25% over 0.66s"> Foo </div>

<!-- Element starts at scale(1.15), and animates to scale(1) -->
<div data-scroll-reveal="after 2s, scale down 15% over 0.66s"> Bar </div>

Some questions/conflicts though:

• Should one be able to declare a scale and move?
• And, even if one can’t/can but doesn’t want to, how would one declare easing? (Since it currently replaces the move keyword)

I think it’s worth a discussion and working through some of these scenarios. Any thoughts?

[jlmakes]

This is now supported! See the Wiki