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

Using multiple animations not working #5247

Closed
Alwinator opened this issue Aug 18, 2021 · 1 comment
Closed

Using multiple animations not working #5247

Alwinator opened this issue Aug 18, 2021 · 1 comment

Comments

@Alwinator
Copy link

Alwinator commented Aug 18, 2021

What version of Tailwind CSS are you using?

v2.2.7

What build tool (or framework if it abstracts the build tool) are you using?

Next.js 11.1.0

What version of Node.js are you using?

v12.21.0

What browser are you using?

Firefox

What operating system are you using?

Ubuntu 21.04

Reproduction repository

https://github.com/Alwinator/tailwind-multiple-animations-bug

Describe your issue

You cannot combine animations. The expected behavior would be that the hello text in the project pulses and bounces. If you test both animations on their own they are working.

I am not 100% sure, but I think Tailwind forgets to include the keyframes in the CSS.

Warning:
After you tried both animations on their own the combined animation also works. So make sure to completely restart the project after testing.

@bradlc
Copy link
Contributor

bradlc commented Aug 18, 2021

Hey @Alwinator. Thanks for reporting! It looks like this is a duplicate of #5015 so going to close this. Following along there for updates 👍

@bradlc bradlc closed this as completed Aug 18, 2021
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