Skip to content
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

CSS-only animations? #149

Open
jamwise opened this issue Apr 12, 2021 · 1 comment
Open

CSS-only animations? #149

jamwise opened this issue Apr 12, 2021 · 1 comment

Comments

@jamwise
Copy link

jamwise commented Apr 12, 2021

I have a demanding UI with quite a few elements. The flip toolkit works fairly well at animating components but there's definitely stuttering while items are in motion. As far as I can tell the animations are calculated in JS and added to the css transform value. Is there any way to use only CSS animations? This would help offload a lot of the work that's being done on the JS thread and give me smooth animations. When I've implemented flip animations myself the animations were 60fps so I think this is the main culprit, and I'd just use my own implementation but the other features here like the reverse flip are game changers for me. I couldn't find any obvious way to do this in the docs so checking in here.

@cheeck8131
Copy link

you can clone source code and add this feature. (but wapi will not save you from freezes, js animations (transform matrix) are fast. Maybe you have a problem in your code.)

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