Framer X Pro Tips

Code

Code Overrides

Framer X

The unit of duration in "transition" is second, not millisecond.

2018-09-01

No wonder why the animation stopped working as soon as a duration is added. It’s not broken, just VERY slow.🤦‍

// This animation will last 10 minutes, not 600 milliseconds!
<Frame 
  animate={{ opacity: 0 }}
  transition={{ duration: 600 }}
/>

PS: If you find this tip difficult to understand, check out this course I prepared for you, where concepts are explained in a more digestible way. No programming experience required!

PPS: See other pro tips, or share / request a new tip.