Adjustable Cubic Animation

This CSS Reference section displays the code for an example that illustrates an adjustable cubic bezier curve that can be used to generate functions for the animation timing function of an element. Drag the control points below to adjust the curve and the animation timing function for the dot moving above the graph.