Gerador de curva cubic-bezier para CSS
Desenhe uma curva cubic-bezier visualmente, veja a transição animada e copie o código CSS de timing para interfaces
Arraste os controles azul e coral para ajustar a curva
Modelos prontos
Sobre esta ferramenta
Gerador de curva cubic-bezier para CSS
Desenhe uma curva cubic-bezier visualmente, veja a transição animada e copie o código CSS de timing para interfaces.
Como usar e interpretar os resultados
Curvas suaves tornam mudanças de estado mais claras. Teste a duração e respeite a preferência do usuário por menos animação.