Gerador de Curvas de Aceleração Cubic Bezier
Crie curvas de aceleração cubic-bezier para CSS. Inclui predefinições padrão.
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
O que é o Gerador de Curvas Cubic Bezier?
As animações CSS usam funções de aceleração (easing) para controlar como os valores mudam ao longo do tempo. Os quatro parâmetros de cubic-bezier definem uma curva de (0,0) a (1,1): quanto mais acentuada a curva, mais rápida é a animação naquela região. As predefinições comuns cobrem a maioria das necessidades; as curvas personalizadas criam um movimento distintivo.
Perguntas frequentes
Qual é a diferença entre ease e ease-in?▼
Quando devo usar curvas personalizadas?▼
Ferramentas relacionadas
Conversor de Cores (HEX/RGB/HSL)
Converta cores entre os formatos HEX, RGB e HSL. Escolha uma cor visualmente ou insira os valores manualmente.
Gerador de Box Shadow CSS
Crie valores de box-shadow em CSS de forma visual. Visualize em tempo real e copie o CSS gerado.
Gerador de Gradientes CSS
Crie gradientes CSS lineares e radiais. Escolha as cores de forma visual e copie o CSS gerado.
Gerador de Paletas de Cores
Gere paletas de cores harmoniosas a partir de qualquer cor base. Suporta esquemas complementares, análogos, triádicos e monocromáticos.
Gerador de Border Radius CSS
Crie valores complexos de border-radius em CSS de forma visual. Controle independente de cada canto.
Gerador de CSS Clamp()
Gere valores CSS fluidos e responsivos com clamp(). Escala suavemente entre tamanhos mínimo e máximo ao longo dos intervalos de viewport.