[JIT] "group-hover animation" is not working

[0x44454c]

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?

v14.17.3

What browser are you using?

Chrome, Firefox

What operating system are you using?

Linux x86_64

Reproduction repository

https://github.com/dELUSION-MS/tailwind-bug-group-hover.git

Describe your issue

I ran into problem when I used group-hover:animate-bounce in JIT mode, that it isn't working at all.
So I tried reverse engineering the build and found that the keyframe bounce doesn't have keyframe-selector. That's why css is showing some problem in VS code and so not working.

More specifically -

@keyframes bounce {
  {
  transform: translateY(-25%);
  -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
  animation-timing-function: cubic-bezier(.8, 0, 1, 1)
  }
}

Anticipating to get an update with this issue fixed at earliest.

[adamwathan]

Hey! This is a duplicate of this issue:

#5216

Will be fixed in the next patch release, aiming to get it out today 👍🏻

[0x44454c]

Thank you.

[draxx318]

I still can't get this to work.