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

What is Framer? Join the Community
Return to index
Silvia Bormüller
Posted Mar 08 - Read on Facebook

Hi Guys, I have two questions: 1. how can I achieve something like this? I used blending (lighten) in Sketch but when I import the file the blending disappears. 2. I want to animate layers in a circular way (not rotation) But I don`t understand how this example works. http://framer.com/examples/preview/#layered-animations.framer Can someone share another example maybe? Thanks :)

1 Comments

Marcelo Eduardo Oliveira

Hey Silvia Bormüller here's an example of the lighten blend mode using css:

http://share.framerjs.com/926arxbtf08s/

Let me know if that helps on yours!

Make sure to group each element before the import ! :)

For the radial example:

Take a look at the code and hover the following item: "dotActive"
you will see, that he's using a clever trick to make it feel like a wave / radial movement:

The layer is moving in a straight line between the 3 points ( the first 3 states added )

Then inside the layer, the dot is scaling, and moving it self in a vertical way, giving the impression.

That said, if you want to do animate complex paths, you should look at Tisho Georgiev 's path example:

http://share.framerjs.com/fwuag7j2d0vh/

If you want more info, search for "path animation" in the group

Read the entire post on Facebook