waitanimate icon indicating copy to clipboard operation
waitanimate copied to clipboard

Wait before animate

Open eolant opened this issue 6 years ago • 3 comments

It would be nice if you can calculate new keyframe % with waiting before animation so it will work like animation delay does.

eolant avatar Apr 16 '18 22:04 eolant

Ah, I see. So as well as animate > wait > animate > wait ... it could go wait > animate > wait > animate. This makes sense (given the name of the project!). I think the reason I didn't do this is because animate-delay covers off this exact scenario.

I'm thinking of refactoring the site, as it's currently written using Angular 1, to React, as that's what I predominantly use now. This would be a nice addition when I get around to doing that.

Thanks.

will-stone avatar Apr 17 '18 06:04 will-stone

I think I encountered a nasty bug with Safari when I had to place quite complex animation only once and animation-delay wasn't behaving correctly so I switched to keyframe delay approach. Thanks to your website I was able to calculate it relatively painlessly. I just swapped around some percentages like 100% - final delay keyframe % and added this to all other percentages and it started with 0%, value% { ... }. I think it should be a relatively straight forward enhancement. Looking forward to your implementation :)

eolant avatar Apr 17 '18 06:04 eolant

Ok, well that adds a bit more gravitas to the request. Thanks. It shouldn't take me long to redo the site in React, however, it's just fitting it in around my other side-projects. No ETA at the moment, but it's certainly something I want to do eventually.

will-stone avatar Apr 17 '18 06:04 will-stone