Resumo de Propriedade de Animação CSS

A animação vai permitir que um elemento mude gradualmente de um estilo para outro. 

• @keyframes - Especifica o código de animação.
• animation - Uma propriedade abreviada para definir todas as propriedades de animação.
• animation-delay - Especifica um atraso para o início de uma animação.
• animation-direction - Especifica se uma animação deve ser reproduzida para frente, para trás ou em ciclos alternados. 
• animation-duration - Especifica quanto tempo uma animação deve levar para completar um ciclo.
• animation-fill-mode - Especifica um estilo para o elemento quando a animação não está sendo reproduzida (antes de começar, depois de terminar ou ambos).
• animation-iteration-count - Especifica o número de vezes que uma animação deve ser reproduzida.
• animation-name - Especifica o nome da animação @keyframes.
• animation-play-state - Especifica se a animação está em execução ou pausada.
• animation-timing-function - Específica a curva de velocidade da animação.