How would I go about animating the exit state of the hover card?

[rajbirjohar]

Pretty much the title.

I tried using [data-state]="closed" but this is applied on the trigger it seems. I tried using framer-motion as well but was running into issues due to it being active on hover instead of on click or something like that to toggle the state. Any pointers?

[joaom00]

Example with CSS https://codesandbox.io/p/sandbox/upbeat-hodgkin-5ll4fq?file=%2Fstyles.css%3A19%2C1-24%2C2

[snelsi]

Delegating unmounting for JavaScript Animation

Framer Motion AnimatePresence

[rajbirjohar]

Thanks! This solved it.