Gerador de Cubic Bezier CSS
Crie funções de easing CSS cubic-bezier() personalizadas com editor visual de curva e prévia de animação
Predefinições
Editor de Curva
Arraste os círculos azuis para ajustar os pontos de controle
Pontos de Controle
x1 e x2 devem estar entre 0 e 1. y1 e y2 podem exceder esse intervalo para efeitos de overshooting.
Saída CSS
cubic-bezier(0.25, 0.1, 0.25, 1)Prévia da Animação
Clique em Repetir para ver a animação com o easing atual
Perguntas frequentes
Para que serve Gerador de Cubic Bezier CSS?
Crie funções de easing CSS cubic-bezier() personalizadas com editor visual de curva e prévia de animação
O que devo conferir no resultado?
Confira o resultado com seu conteúdo real e em diferentes tamanhos de tela. Verifique legibilidade e compatibilidade nos navegadores atendidos.