Textos animados com CSS animation e keyframes
Neste exemplo veremos como criar animações com CSS utilizando para isso o recurso de animation com keyframes. Com eles podemos criar telas de carregamento, botões e banners animados.
Projeto já adicionado aos favoritos. Clique aqui para ver todos seus favoritos
Obrigado pela sua avaliação, deixe o seu feedback nos comentários :D
Animate CSS: Apresentação do projeto
Vamos falar sobre Animate CSS, como criar animações com CSS utilizando para isso o recurso de animation com keyframes.
Neste vídeo veremos as animações que serão desenvolvidas neste exemplo. Aqui utilizaremos principalmente HTML e CSS (responsável pelas animações), com o auxílio do JavaScript para tratar o evento de clique em um dos exemplos.
Nas Figuras 1, 2 e 3 podemos ver os efeitos que serão desenvolvidos. No primeiro caso temos uma animação que é executada infinitamente, a segunda ocorre quando passamos o mouse sobre a div e a terceira ocorre quando clicamos sobre o texto.
![Figura 1. Primeira animação (infinita)](https://media.giphy.com/media/3og0IT5YnGjCqklUs0/giphy.gif)
![Figura 2. Segunda animação (mouseover)](https://media.giphy.com/media/pqnYqpuuZRyta/giphy.gif)
![Figura 3. Terceira animação (clique)](https://media.giphy.com/media/B62az8H9Of4f6/giphy.gif)