Lesson 6/9

Changing the default transition

Framer Motion does a very good job at adding default transitions to your animations. It looks at what type of animation you’re making, and creates a sensible default transition for you. But there are many situations where you want to tweak it just a bit more, and of course, you can do that.

The transition prop

The transition prop gives you the option to configure anything about the transition. You can use it to change the duration, the easing, add a delay, or make the animation repeat.

Unlock the full lesson with PRO

Want to read the full lesson? Join Frontend.FYI PRO.

PRO is a one time purchase of €149 that gives you lifetime access to this course, any courses released in the future, and so much more!