Gerador de animação CSS - Grátis Online | FunToolX

Adicione quadros-chave na linha do tempo, cada um dos quais define as propriedades do elemento (localização, tamanho, rotação, transparência, cor, etc.). A ferramenta gera as regras @keyframes correspondentes e as propriedades de animação CSS. Suporte para ajustar a duração da animação, o atraso, o número de iterações, a direção, a função de movimento lento (ease, linear, cubic-bezier, etc.).

A prévia de animação é aplicada em tempo real usando a propriedade CSS animation. A ferramenta gera dinamicamente as regras @ keyframes na tag estilo e os elementos de visualização aplicam essas regras. A interface da linha do tempo é semelhante a um software de edição de vídeo e você pode arrastar quadros-chave para ajustar o tempo.

Adequado para criar rapidamente animações CSS complexas, mais intuitivas do que escrever @keyframes à mão. Você pode fazer animações de carregamento, efeitos de sobreposição, transições de página e assim por diante.

Gerador de animação CSS, criar animação de quadros-chave CSS visualmente, suportar animação multi-atributo, função de movimento lento, controle de linha do tempo, gerar código @ keyframes.