O que é uma animação HTML?
Na HTML (HyperText Markup Language), uma animação HTML é qualquer item que parece estar sendo movido ou alterado em uma página da Web, geralmente sem nenhuma entrada do usuário. Isso pode ser qualquer coisa, de uma bola quicando a um banco de letras que piscam como um sinal de néon. O padrão HTML real e as folhas de estilo em cascata (CSS) realmente não possuem tags ou funções intrínsecas de animação, embora ofereçam acesso suficiente às partes de renderização de um navegador da Web para que a animação possa ser executada alterando as propriedades de renderização de um elemento. Com mais freqüência, são usados formatos de arquivo de imagem animada, linguagens de programação externas ou links para fontes de mídia de streaming, especialmente no caso de animações complexas ou longas.
Uma maneira fácil de criar uma animação HTML é usar um formato de arquivo especial para gráficos conhecidos como GIF (arquivo de imagem gráfica). Esse formato de arquivo permite que várias imagens sejam armazenadas em um arquivo, juntamente com outras informações que são interpretadas por um navegador da Web e exibidas como uma sequência de animação. Um arquivo GIF tem a vantagem de não exigir nenhum plug-in ou software especial e é relativamente pequeno em tamanho. Algumas restrições, no entanto, incluem um número definido de cores nas imagens e são um tanto ineficientes para seqüências de animação HTML maiores.
Outra maneira popular de criar uma animação HTML é através do uso de uma biblioteca de funções desenvolvida separadamente - por meio de CSS ou outra linguagem de programação - que são chamadas de dentro do código HTML do site. Isso tem a vantagem de fornecer uma boa quantidade de opções de flexibilidade e animação. Podem ocorrer complicações se um determinado navegador da Web tiver o script desativado, não tiver suporte para a biblioteca - como pode ser o caso de um dispositivo portátil - ou tiver baixo poder de processamento, porque as bibliotecas de animação podem ser muito exigentes em um sistema.
Para animações HTML complexas ou muito demoradas, um método comum é construir a animação concluída em um programa separado e depois gravar essa animação como um tipo de arquivo de mídia. Em um documento HTML, o arquivo de mídia é incorporado como um elemento no qual a animação é reproduzida automaticamente para o usuário. Isso pode ajudar a aliviar parte da carga no processador do computador e pode ser muito eficiente em termos de memória. Por outro lado, uma animação HTML de mídia de streaming pode ocupar uma grande quantidade de largura de banda e pode não aparecer corretamente se a velocidade de uma conexão com a Internet for muito lenta.