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}

6 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)"}

Doug Proctor

This is useful. Can you pass in other animation options along with curve?

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