
They’re used for animation, text rendering, and all sorts of curved shapes! But how do they actually work? well, like, that’s what the video is about, so, watch it to find out etc!!
A rather geeky/technical weblog, est. 2001, by Bramus
Nice writeup by Josh Comeau on how he created the on-scroll-animated bézier curve on his website Did you notice that as you started scrolling on this page, the Bézier curves that border the green title hero thingy started flattening? Keep your eye on the swoopy curves just above the post text as you scroll through …
bezier-easing provides Cubic Bezier Curve easing which generalizes easing functions (ease-in, ease-out, ease-in-out, …any other custom curve) exactly like in CSS Transitions. Pass in the 4 points of the bezier curve of your liking – just like you’d use when defining a CSS Transition Timing Function using cubic-bezier() – and then project x, ranging from …
Continue reading “bezier-easing – cubic-bezier implementation for your JavaScript animation easings”