ToolPilot
Design

Gerador de Cubic Bezier

Ajuste visualmente curvas de easing CSS e pré-visualize a animação antes de copiar o código.

Arraste os dois pontos de controlo para moldar a aceleração de uma transição. Compare curvas linear, ease-in, ease-out e do tipo bounce.

Carregando a ferramenta…
Privacidade: Um utilitário ToolPilot rápido e privado. Seus dados são processados localmente no seu navegador sempre que possível.

Como

  1. 1Arraste os pontos de controlo ou escreva valores.
  2. 2Reproduza a animação de pré-visualização.
  3. 3Copie a função de temporização cubic-bezier.

Perguntas frequentes

O que fazem os valores acima de 1?

Criam um excesso (overshoot), o que faz o elemento ultrapassar o destino e voltar para trás.

Os meus ficheiros são enviados para um servidor?

Não. Esta ferramenta funciona inteiramente no seu navegador com JavaScript e WebAssembly quando necessário. Os seus ficheiros e textos nunca saem do seu dispositivo.

Ajude-nos a melhorar

Melhoramos nossas ferramentas regularmente. Encontrou um problema ou tem uma sugestão? Estamos ouvindo.

Ferramentas relacionadas

🎨

Seletor de cores + HEX/RGB/HSL

🎯

Conversor HEX / RGB / HSL

🌈

Gerador de paletas

🌊

Gerador de gradientes CSS