Ferramentas de Desenvolvedor
Gerador Cubic Bezier
Crie curvas de easing de animação CSS personalizadas com editor visual
Editor de Curva
X1
Y1
X2
Y2
Visualização de Animação
Duraçãos
▶
CSS
cubic-bezier(0.250, 0.100, 0.250, 1.000)
transition: all 1s cubic-bezier(0.250, 0.100, 0.250, 1.000); /* or */ animation: yourAnimation 1s cubic-bezier(0.250, 0.100, 0.250, 1.000);
Predefinições & Comparação
O que é Gerador Cubic Bezier?
Crie curvas de easing de animação CSS personalizadas com editor visual
Gerador Cubic Bezier é uma ferramenta online gratuita que funciona diretamente no seu navegador. Sem instalação ou cadastro. Todo o processamento acontece localmente no seu dispositivo, garantindo privacidade e segurança dos dados.
Por que usar Gerador Cubic Bezier?
- ✓100% Grátis - Sem custos ocultos ou recursos premium
- ✓Sem cadastro - Use instantaneamente sem criar conta
- ✓Privacidade em primeiro lugar - Todo processamento acontece no seu navegador. Seus dados nunca saem do seu dispositivo
- ✓Ultra rápido - Resultados instantâneos sem atrasos de servidor
Como Usar
- Digite ou cole seu texto na área de entrada acima
- A ferramenta processará sua entrada automaticamente
- Copie o resultado ou baixe como arquivo
Recursos
- ✓Editor de curva interativo com arrastar e soltar
- ✓Mais de 30 predefinições de funções de easing
- ✓Visualização de animação em tempo real
- ✓Demos de múltiplas propriedades de animação
- ✓Modo de comparação de curvas
Perguntas Frequentes
O que é cubic-bezier?
Cubic-bezier é uma função de temporização CSS que define como uma animação progride ao longo do tempo usando uma curva de Bézier cúbica com dois pontos de controle.
O que significam os pontos de controle?
Os dois pontos de controle (P1 e P2) definem a forma da curva. Os valores X devem estar entre 0 e 1, enquanto os valores Y podem exceder esse intervalo para efeitos de salto.