Streaming live at 10am (PST)

Moving along an arc | CSS Animation


#1

Hello, fellow Webflowers!

Happy new year! – I hope you can help me...

My new years resolution is to go down the Material Design hole and see where I end up.
On my journey I've run into the woods of natural transformations. Ideally, transformations should follow an arc of movement. This is where my challenge in Webflow appears. How do I animate objects to follow an arc instead of a linear x,y movement?

This article explains a solution. Assign a wrapper with x-movement with ease-in and a div inside with y-movement with ease-out. I'm not able to make this work in Webflow yet.

Is there something I'm doing wrong or is there a better solution?

Thanks in advance! :slight_smile:


#2

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.