Gerador de animação CSS

O que isso faz

Configure o nome, a duração, a flexibilização, a contagem de iterações e a distância percorrida. A ferramenta gera @keyframes mais uma classe de utilitário, com uma visualização ao vivo.

Crie uma animação de quadro-chave fade-and-slide com tempo configurável.

Como usar

Aqui está a versão resumida do uso de Gerador de animação CSS.

• Nomeie a animação — Use um nome de classe curto e descritivo.
• Definir tempo — A duração e a flexibilização controlam a sensação do movimento.
• Copie o CSS — Cole os quadros-chave e a classe em sua folha de estilo.

Recursos que importam

O que Gerador de animação CSS faz bem.

• Nada sai do seu dispositivo — O trabalho acontece na aba do seu navegador. Não há ponto de extremidade de upload neste aplicativo, portanto, seus arquivos e texto não podem ser armazenados, registrados ou vistos por nós.
• Sem upload, aguarde — Você pula totalmente a viagem de ida e volta para um servidor. Os resultados são limitados pela sua própria CPU, não pela velocidade da rede ou pelo tamanho da fila.
• Gratuito, sem conta, sem cotas — Sem parede de inscrição, sem marca d'água, sem limite diário. Existem contas opcionais apenas para salvar favoritos e predefinições em dispositivos.