Editor Bézier CSS

Como usar Editor Bézier CSS

Editor Bézier CSS. Arraste os pontos ou use as setas. Shift aumenta o passo.

1. Altere cores, texto ou valores acima.
2. Compare a prévia ao ajustar os controles.
3. Copie o resultado ou baixe no dispositivo.

Editor Bézier CSS · Exemplo

{
  "x1": 0.25,
  "y1": 0.1,
  "x2": 0.25,
  "y2": 1
}

animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

Notas de uso

Arquivos e entradas são processados neste navegador. Sem envios nem contas.