Developer Tools
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
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