RSS Feed

cubic-bezier

Shahar,

Comments
Tool

צילום מסך מתוך cubic-bezier.comAnimations in both CSS3 & some JavaScript libraries utilize Bézier curves in easing functions. The most common presets are linear, ease, ease-in and some more, but in most cases it is possible to pass numeric values for the curve to create unique movements along the time axis, i.e. a 'bouncing' animation.

cubic-bezier.com is a neat tool from Lea Verou letting you create, compare and preview different easing functions in an easy-to-use interface. The handles are draggable and moving them around automatically updates the output, ready to copy-paste into your stylesheet.

You could also save and load curves to a local library via a simple JSON format.

What do you think?