Animações CSS CSS permite animação de elementos HTML sem usar JavaScript ou Flash! Neste capítulo, você aprenderá sobre as seguintes propriedades: @keyframes animation-name animation-duration animation-delay animation-iteration-count animation-direction animation-timing-function animation-fill-mode animation O que são animações CSS? Uma animação permite que um elemento mude gradualmente de um estilo para outro. Você pode alterar quantas propriedades de CSS desejar, quantas vezes desejar. Para usar a animação CSS, você deve primeiro especificar alguns quadros-chave para a animação. Os quadros-chave contêm os estilos que o elemento terá em determinados momentos. A regra @keyframes Quando você especifica estilos CSS dentro da @keyframes regra, a animação muda gradualmente do estilo atual para o novo estilo em determinados momentos. Para que uma animação funcione, você deve vincular a animação a um elemento. O exemplo a seguir vincula a animação "example" ao elemento <div>