Can I 'bounce' in an overlay? Or use smart animate?

Hi there

I’m trying to bring up an overlay over a screen - a larger preview of an item clicked on - and I’d like to bounce that item in from the centre. Can I do that with an overlay? I can’t see an option other than to slide in from one side?

I’ve done a really quick horrible example of the kind of thing I mean (this isn’t the real file :wink: )

You would have to create an animation of the object (star) and use an instance of that as your target for opening in an overlay.

There are different ways to do animations. A simple option is to create two variants in a component. Make the variants the same size frame, and put the objects inside at the size that you wish. Then just create interactions between them using “after delay” to switch back and forth. Use an instance of the component as the target for your overlay.

The attached file shows a simple example. If you want it more bouncy, add more variants to your animation component. Just remember to string them in the right order. You kinda have to go something like Big-Small-Medium-Big-Small-Medium-(back to the first Big) if you want a real bouncy thing.

Pulsing Overlay.fig (29.3 KB)

1 Like