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

What is Framer? Join the Community
Return to index
Panos Spiliotis
Posted Mar 04 - Read on Facebook

Hello everyone,
is there a problem/bug in Framer.js related to bezier-curves?
It looks like Framer can't parse them correctly so they end up behaving like linear curves.
The error in the console is along the lines:
"Animation.parseCurve: could not parse curve 'cubic-bezier(.9,.2,.1,.8)' " in http://www.framerjs.com/editor/index.html?path=lessons/animation.js&codekitCB=414283492.555359

I'm having the same problem with named curves like "ease-in-cubic", "ease-out-sine" etc.

3 Comments

Andreas Wahlström

hi! use "bezier-curve" instead of "cubic-bezier". might be an outdated example. don't think there's a preset for ease-in-cubic etc. in framer. try copying the curve values manually, instead: http://easings.net/#easeInCubic

Panos Spiliotis

Thank you Andreas Wahlström! As you said, it's probably an outdated example.

Koen Bok

Hey guys. The example is indeed borked. I'll fix it. The presets for bezier curves are "ease-in", "ease-out", "ease-in-out". Just use them like this curve: "ease-in".

Read the entire post on Facebook