card background pattern
Level 2

Animating React with Framer Motion

Unlock Full Course

$49.99 $39.99



Project 4Drag To Dismiss

Now that we have an understanding of dragging, we will learn how to dismiss an item when dragging. With this animation, we can do things like dismiss items in a checklist in a fun way.



6 months ago

Yeah, first seconds of this video are missing.

updated 6 months ago

Hi Scott, After setting the transition like you show in the code, I can still see the blue card transition back. I set it like so: transition={{ opacity: { duration: 0 } }}

EDIT: Found the error - forgot to set opacity: 0 on the exit prop :)

Best regards, David

6 months ago

Hi Scott, the first 25-ish seconds of this video is missing

Something to say?

Become a Pro