Code
Code Overrides
Framer X

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

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.


© 2019 jimu Labs, Inc.