Nos primeiros dias de desenvolvimento da Web, efeitos textuais eram muito limitadas. Se você quiser usar algo diferente de uma fonte básica exibido diretamente em linha com outros elementos , você não tinha escolha, mas para criar uma imagem no Photoshop no lugar do texto . Enquanto algumas tags HTML ainda proporcionar efeitos textuais , a maioria dos desenvolvedores agora a CSS e JavaScript. Com estes instrumentos , uma ampla variedade de efeitos estranhos pode ser realizada apenas por meio de texto . Note-se, no entanto, que diferentes navegadores reagem diferentemente a CSS e efeitos de JavaScript. Teste seu código em vários navegadores e ler sobre estilo cross-browser e scripting . Tags HTML
alguns efeitos especiais que fizeram parte da padrões HTML início ainda funcionam. Outros não são mais suportados . Uma vez que a tag " blink " foi altamente favorecido pelos anunciantes da web iniciais como uma maneira de atrair a atenção do usuário. " Blink " é , felizmente, obsoleto e alguns navegadores ainda apoiá-lo, mas outros efeitos tag HTML, como " marquise ", ainda funcionam. Aqui estão alguns exemplos :
Técnicas CSS
Cascading Style Sheets permitir que o desenvolvedor web ou designer mais controle sobre a aparência do texto HTML. Usando CSS , a cor do texto pode ser manipulado, blocos de texto podem ser em camadas , efeitos de sombra pode ser criado eo texto pode até ser animado. Alguns exemplos de efeitos estranhos são apresentados abaixo
Este texto tem uma sombra
Este texto vai brilhar
Este texto aparecerá gravado < /p> Técnicas
Navegador Specifid CSS
O "transformar" a propriedade se aplica a determinados navegadores e permite que o texto a ser dimensionado , girado ou distorcido . Infelizmente, este não é suportado no IE , no entanto , existem algumas técnicas de solução (consulte Recursos)
Este será o caminho enviesado
Este será rodado noventa graus
JavaScript e DHTML Técnicas
Com Javascript e DHTML envolvidos, texto pode incluir efeitos que respondem a entrada e as ações do usuário . O exemplo a seguir altera o tamanho do texto quando você mover o mouse sobre ele.
Este vai crescer quando você move o mouse sobre ele