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

What is Framer? Join the Community
Return to index
Dae Hyuk Yoon
Posted Jun 29 - Read on Facebook

Is there any examples how to use delay(), reverse(), stop()?

7 Comments

Dae Hyuk Yoon

Anyone?

Aurélien Foutoyet

Not exactly what you wanted but maybe this example could help a bit http://codepen.io/stakes/pen/CedaI

Dae Hyuk Yoon

aww, this is exactly what I was looking for, thanks Aurélien Foutoyet. So you have to create a variable animation(i.e. animation01 in the example) to use reverse(), start(), stop() on it.

Dae Hyuk Yoon

Just tried the code and I get "anonymous function" error. I have MenuUp animation and created
MenuDown = menuUp.reverse();
Am I missing something?

Tisho Georgiev

reverse() creates a new Animation instance. This doesn't mean that the animation is performed. To start the animation, call its start() method. Here's an example:

// this will create and perform an animation when called. It will return the instance of the animation that was just performed
var animation1 = myLayer.animate({ properties: { x: 100 }, curve: 'spring(200,100,0)' })

// this will create a new instance of an animation that is the reverse of another animation, but will not perform it
var animation2 = animation1.reverse()

// this will perform the animation
animation2.start()

Dae Hyuk Yoon

Thanks again Tisho! I was just missing .start()

Koen Bok

Jorn another good movie suggestion.

Read the entire post on Facebook