A cubic-bezier easing curve editor: drag two control handles on a curve grid, preview a box animating across the screen with the resulting timing function, choose from named presets (ease-in-out, bounce-like, anticipate), and copy the cubic-bezier() value.

mathtools
Built in 1 step
  1. A cubic-bezier easing curve editor: drag two control handles on a curve grid, preview a box animating across the screen with the resulting timing function, choose from named presets (ease-in-out, bounce-like, anticipate), and copy the cubic-bezier() value.
⚑ Report