This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Bryan Clark
Posted Feb 13 - Read on Facebook

Is there a way to specify an animation curve for a particular state?

For example, something like this:

animateInCurve = "spring(400,30,0)"
animateOutCurve = "spring(350,35,0)"
myLayer.states.add
hidden: {y: screenHeight, curve:animateOutCurve}
visible: {y: shadeOffset, curve:animateInCurve}

5 Comments

Ryhan Hassan

No, but you can specific a curve each time you switch to a state

LayerName.states.switch "stateA", {curve : "spring(200,20,0)"}

Alexander Artsvuni

thanks dude, was struggling with the same problem.

Kevin Cannon

Is there any way to integrate a tweening library like Tweenlite?

Joshua Tucker

Doug Proctor Seems like you should be able to by doing something like:

LayerName.states.switch "stateA", {x: 0, y: 200, curve: "spring(200,20,0)"}

Bryan Clark

Thanks Ryhan Hassan!

Read the entire post on Facebook