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