Gerador CSS Cubic Bezier

Este gerador CSS cubic-bezier oferece um editor visual de curvas. Você pode arrastar os pontos de controle P1 e P2 ou inserir valores exatos para gerar timing functions para transitions e animations. Ele também inclui presets comuns de easing com diagramas de curva para aplicar e ajustar rapidamente.

cubic-bezier editor

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

Visualizar

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

Presets

Click a preset to apply it.

CSS

Copied!