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

What is Framer? Join the Community
Return to index
汤牧潮
Posted Jun 03 - Read on Facebook

Hey Framers! How to make smooth transition between a circle and a square in Framer?
I create a square and tweak the borderRadius attribute but there are 2 issues, one is that there is no transition animation between the 2 states, and I could not find a way to cycle the 2 states. I also failed setting "element.style.borderRadius: 4" when playing around with states.
Any advice appreciated!

-btw this animation is made by Principle

2 Comments

汤牧潮

I was trying to cycle the 2 states but this code does not work = =

Cédric Magnin

Here it is : https://framer.cloud/GsNTT

Directly call the property borderRadius.

Read the entire post on Facebook