Gerador de curva de Bézier

Arraste dois pontos de controle para ajustar a curva cubic-bezier, visualize a animação e copie o código CSS.

Editor de curvas

Arraste os pontos azuis para ajustar a curva de Bézier

Predefinições
Pré-visualização da animação
Código gerado
Sobre esta ferramenta
Gerador de curvas cubic-bezier online para desenvolvedores front-end.
Como usar
1. Arraste os pontos de controle; 2. Clique em "Reproduzir animação"; 3. Clique em "Copiar código".