É possível animar alguns textos com tipos especiais de formatação, sempre diretamente no código fonte.
É importante notar que recursos de animação devem ser utilizados com cuidado e parcimônia, pois em uma página que já apresenta vários motivos que chamam a atenção do leitor (figuras, cores, fontes) os efeitos animados são mais um deles, e seu uso pode ocasionar um resultado final cansativo e confuso.
Marquee
Um texto pode entrar na página e percorrê-la da direita para a esquerda ou em sentido contrário, como um letreiro. Isso é obtido usando-se a formatação Marquee.
O código é: <marquee>Texto que deve se movimentar</marquee>.
Esse comando admite atributos de direção e largura do efeito as quais possibilitam várias formas de apresentação.
Também pode-se aplicar cores, negrito, italic e alterar a fonte e o seu tamanho, normalmente.
O deslocamento pode ser só da direita para a esquerda:
Pode ser utilizada uma imagem
<marquee behavior="alternate"><img src=" URL DA IMAGEM "></marquee>
O atributo behavior="alternate" faz com que o elemento movimentado vá e volte.
Outros exemplos:
Interferindo na direção:
Da esquerda para a direita. O atributo slide direction="right" faz com que o elemento siga para a direita.
<marquee behavior=slide direction=right>Elemento que se movimenta</marquee>
Da direita para a esquerda. O atributo slide direction="left" faz com que o elemento siga para a esquerda.
<marquee behavior=slide direction=left>Elemento que se movimenta</marquee>
Interferindo no sentido:
A especificação direction=up
faz com que o texto fique na vertical.
Nenhum comentário:
Postar um comentário