Skip to content

Gerador de Cubic Bezier CSS

Crie funções de easing cubic-bezier personalizadas para animações e transições CSS

Predefinições

Editor de Curva

P1P2

Saída CSS

cubic-bezier(0.250, 0.100, 0.250, 1.000)

Atalho de transição

transition: all 0.4s cubic-bezier(0.250, 0.100, 0.250, 1.000);

Pré-visualização

x10.250
y10.100
x20.250
y21.000

Perguntas frequentes

Para que serve Gerador de Cubic Bezier CSS?

Crie funções de easing cubic-bezier personalizadas para animações e transições CSS

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.