Skip to content

Callback that fires on each individual target #695

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
w0nche0l opened this issue Jun 3, 2020 · 1 comment
Open

Callback that fires on each individual target #695

w0nche0l opened this issue Jun 3, 2020 · 1 comment

Comments

@w0nche0l
Copy link

w0nche0l commented Jun 3, 2020

Is your feature request related to a problem? Please describe.
I'm trying to use animejs + CSS animations. I really like how animejs does sequencing/staggering, so I am trying to do a synchronized animation where, if i have a series of letters:

<span class="letter">H</span>
<span class="letter">e</span>
<span class="letter">l</span>
<span class="letter">l</span>
<span class="letter">o</span>

I can change their opacity with animejs, and their scale with css animations by adding a new class (.anim) to them.

I'm using css animations because no other scaling method works smoothly with small text, see here:
https://codepen.io/wonjeo/pen/mdVdvmp

Describe the solution you'd like
I'd like a callback that fires at the start of EACH target, as opposed to begin, which currently only fires at the beginning of the entire transition.

Describe alternatives you've considered
I've tried using setTimeout to be the same duration as the delay i return in the delay function, but this leads to going out of sync.

Thank you for this wonderful library!

@w0nche0l w0nche0l changed the title Callback that fires on Callback that fires on each individual target Jun 3, 2020
@williamlarsson
Copy link

I agree.
I love anime and use it all the time.
But the "lack" of this feature has forced me to move to gsap or other libraries, multiple times.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants