Generador CSS Cubic Bezier

Este generador CSS cubic-bezier ofrece un editor visual de curvas. Puedes arrastrar los puntos de control P1 y P2 o introducir valores exactos para generar timing functions para transitions y animations. También incluye presets de easing comunes con diagramas de curva para aplicarlos y ajustarlos rápidamente.

cubic-bezier editor

Drag P1 / P2 or edit the numbers directly.
1 0 0 1 P1 P2
Current value
{{ bezierValue }}

Vista previa

{{ bezierValue }}
The dot and card use the generated timing function.

Presets

Click a preset to apply it.

CSS

Copied!