How to use
- Open CSS Easing Curve Generator and review the inputs below.
- Enter your values and check the units shown beside each field.
- Adjust the options, then press Run or Calculate. Interactive tools show their own start controls in the result area.
- Review the result. Use the copy or download control when it is available.
Inputs and starting values
| Input | Starting value / example | Available options |
|---|---|---|
| X1 (0~1) | 0.25 | |
| Y1 | 0.1 | |
| X2 (0~1) | 0.25 | |
| Y2 | 1 |
Things to check
The starting values are examples, not recommendations. Check the units and replace them with your own values.
Frequently asked questions
Are my inputs and files uploaded?
The tool processes inputs in your browser without uploading them. Browser storage, microphone or sensor permissions are described by the tool when applicable.