card background pattern
Level 2

Animating React with Framer Motion

Unlock Full Course

$49.99 $39.99

Or

$24.99/Month

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.

Downloads

Comments

Luis
6 months ago

Yeah, first seconds of this video are missing.

David
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

Luke
6 months ago

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

Something to say?

Become a Pro