Escolha um tipo de animação comum, ajuste os parâmetros e visualize em tempo real

Configurações da animação

Tipo de animação

Duração (s)

Atraso (s)

Função de temporização

Número de iterações

Direção

Executar animação

Pré-visualização

CSS gerado

@keyframes fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.element {
  animation: fade 1s ease 0s infinite normal;
}