Siiiimple Bézier Curve Animation Simulator

Replay

Easing：

State：Width Height

Speed：

1 X Y

2 X Y

3 X Y

4 X Y

5 X Y

Add

Drag the gray bar to reorder the control points,

or you can directly drag the dots on the canvas.

Output URL

Output Code

Javascript jQuery

The output code in the textarea is not the complete code.

Do some adjustments (like use transform instead of top/left), if you use the code for your project.

And of course you need jQuery and jQuery Easing plugin, if you want to run the jQuery animation code.