Edit cubic-bezier controls, inspect output at a progress value and download the CSS timing function.
Your input
Outputs are cleared when the input changes.
Result
Enter your data or use the example, then run the tool.
Worked example
Linear (0,0,1,1) maps 0.5 to 0.5. Default ease maps 0.5 to about 0.8024, not y(t=0.5).
Method
Solve x(t) = progress with Newton iteration and bounded bisection, then evaluate y(t), retaining overshoot.
Limits
X controls are 0–1 and Y controls −10–10. This is a timing curve, not a physical spring. Preview starts manually, can stop, and shows an instant endpoint when reduced motion is requested.
Your inputs stay on this device. Only optional, consented page visits are measured. Input values, files, filenames and processing logs are not sent to Analytics.
When switching languages, text, settings and selected files are temporarily kept on this device. Transfers are removed after restoring; interrupted transfers are cleaned up on a later visit. Inputs and files are never uploaded.