Texto piscando com CSS
Postado por: Pedro Rogério emO exemplo que vou citar nos faz voltar aos primeiros anos da Internet, onde tinhamos aquelas interfaces pobres. Com o tempo foram surgindo novos recursos, e um deles foi a tag blink, visando dar mais dinamismo as páginas Web, mas com a evolução do HTML, logo ela caiu em desuso. Mas ainda existe uma forma de implementá-la através de CSS:
<style type="text/css">
.blink { text-decoration: blink; }
</style>
Nosso HTML fica da seguinte forma:
<span class="blink">Aqui você coloca o texto</span>
Veja um exemplo em funcionamento, mas muito cuidado, por que poucos browsers ainda a suportam, eu fiz alguns testes e ele funcionou perfeitamente somente no Firefox, no Opera 9 e no IE não funcionou, se alguém puder testar em outros browsers.
<update 22-11-2006>Ele também não funciona no IE 7</update>
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
É um bom recurso para dar destaque à algum aviso de última hora ou algo do tipo…
Mas não deve ser utilizado como efeito de estética no site né? Hehehe =)
Carlos, não vejo problema nisso, ao avisar que o registro foi efetuado com sucesso o treco piscando, é questão do bom senso de aonde e como usar isso.
Abraços =)
ola gostei muito deste texto que pisca
mas que sabe voce podera mi ajudar
eu estou estudando css agora mais tou fazendo uma pagina onde preciso colocar um texto que estara em todas as paginas o site tera umas 10 paginas sera que voce poderia mstrar mi como posso fazer com que um texto que esta dentro do css possa ser visto em todas as paginas
obrigado
akii eh massa! vlw
Nossa, muito legal isso! já coloquei em pratica no meu site!
Eu uso firefox e deu certinho!, o problema é que a maioria dos meus visitantes usa o IE…
pena que ele nao funciona lá…
pena tanta gente usar ainda o IE.. quando se acostuma com o firefox, é tao melhor!
Muito obrigada!