Como criar animações com HTML

Animações são textos ou imagens que se movem na tela do computador. Tradicionalmente, linguagens de programação como JavaScript são usadas para produzi-las, mas você tem a opção de usar a linguagem HTML (HyperText Markup Language) para animar o conteúdo da sua página. Dessa maneira, uma única linha de código é usada para produzir efeitos visuais que capturam a atenção do visitante. Use o programa de edição de texto da sua equipe ou faça login na sua conta da página da web para inserir a sintaxe que cria animações em HTML.

Passo 1

Abra um documento de página da Web no seu programa de editor de texto ou acesse a página da Internet, com um perfil de rede social, onde deseja que a animação HTML apareça.

Etapa 2

Escreva o código HTML que produz a animação em uma página da Web da seguinte maneira: seu conteúdo vai aqui

Etapa 3

Escreva “slide” depois de “comportamento” para fazer com que o texto apareça na página e depois percorra-o. Digite “left” depois de “address” para que o conteúdo apareça à direita e mova para o lado esquerdo ou digite “right” para produzir o efeito oposto. Por exemplo:seu conteúdo vai aqui

Etapa 4

Digite “rolagem” após “comportamento” para que o texto se mova continuamente pela página. Digite “right” ou “left” para indicar a direção na qual você deseja que o conteúdo role. Por exemplo:seu conteúdo vai aqui

Etapa 5

Digite “alternar” como um valor comportamental para fazer com que seu conteúdo se mova para a frente e para trás na tela como se estivesse saltando. Você não precisa escrever nada na linha de endereço. Escreva o código assim:seu conteúdo vai aqui

Etapa 6

Salve o documento ou a página da Internet para manter as alterações.

Referências

 

Você pode estar interessado:

Deixe um comentário