Ferramentas de Desenvolvedor
Gerador Cubic Bezier
Crie curvas de easing de animação CSS personalizadas com editor visual
Usar esta ferramenta agora
Uso gratuitoSem cadastroResultado imediato no navegador
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.