Editor de cubic-bezier
Arraste os controles ou informe os valores da curva. Escolha a duração e reproduza a transição para conferir o movimento.
Funciona localmente no seu navegador · cubic-bezier() · CSS timing
Arraste os controles ou informe os valores da curva. Escolha a duração e reproduza a transição para conferir o movimento.
Funciona localmente no seu navegadorEditor de cubic-bezier faz parte das geradores CSS do KivTools. A bancada acima resolve todo o trabalho em uma única tela: as opções que você marca no formulário e depois um resultado de texto pronto para copiar.
A conversão roda dentro da página, em JavaScript. Nada do que você digita é enviado, a ferramenta continua funcionando offline e serve para dados que você não pode mandar para terceiros.
Layout no navegador é aritmética mais regras de bom senso: valores interagem, unidades são herdadas e o suporte varia entre motores. Estes geradores traduzem uma intenção visual em uma declaração pronta para colar e mostram o efeito antes de chegar ao stylesheet.
Uma declaração que funciona em uma largura pode quebrar em outra, principalmente dentro de um contêiner flex ou grid que muda de tamanho. Teste em tela estreita e larga antes de fixar o valor.
Navegadores, programas de desktop e utilitários de linha de comando devem concordar; diferenças normalmente indicam outra codificação, outro idioma ou outra versão. Confira a declaração gerada no inspetor, no elemento real: uma prévia em contêiner neutro esconde restrições herdadas.
Recursos CSS recentes não estão em todo lugar; mantenha uma linha de fallback para os navegadores do seu público em vez de depender sempre da sintaxe mais nova. Guarde uma cópia da entrada enquanto testa, para que um ajuste errado nunca destrua o original.
Sim. Todas as ferramentas do KivTools são gratuitas, não exigem conta e não têm cota. Não existe plano pago escondido atrás da bancada nem e-mail obrigatório para usar o resultado.
No seu navegador. O script é carregado uma vez e a conversão acontece na sua máquina; é por isso que a ferramenta continua funcionando quando a rede cai.
A bancada aceita as opções que você marca no formulário e devolve um resultado de texto pronto para copiar. Entradas grandes costumam passar sem problema; para volumes extremos, uma ferramenta local de linha de comando é mais adequada.
O suporte do navegador decide a utilidade: verifique o recurso nos motores que seu público usa. Compare antes uma amostra pequena e conhecida quando o resultado alimenta um processo automático.
O resultado é seu: sem marca d’água, sem etiqueta de licença e sem exigência de atribuição. Apenas verifique a licença do formato de base quando ele for para um produto.
A página funciona em qualquer navegador móvel moderno e passa para uma coluna em telas pequenas. As ferramentas locais continuam funcionando offline depois que a página carrega.