Início > alterar o html do blogger > blogger > Blogger Profissional > código texto piscando > Dicas Blogger > efeito piscando > piscar texto html

Como fazer efeito PISCANDO no meu site HTML

COMO FAZER UM TEXTO FICAR PISCANDO NO MEU SITE?

Eu te respondo... Copie e cole esse código dentro do seu site e adicione um id no seu texto.

Na verdade, existem várias formas de fazer isso, de várias formas diferentes e com várias linguagens. Pretendo te mostrar mais pra frente, outras formas de fazer isso. Mais hoje a solução vai ser bem rápida.

Copie o código a seguir inteiro dentro do seu site:

<b id='piscando' style="transition-duration:0.5s">

SEU TEXTO AQUI

</b><script>
var teste = 0;
setInterval(piscar, 500);
function piscar(){
if(teste<1){
teste++;
document.getElementById('piscando').style.opacity = '1';
} else{
teste = 0;
document.getElementById('piscando').style.opacity = '0';
}};
</script>

Agora substitua onde está escrito "SEU TEXTO AQUI", pronto, seu texto ja esta piscando.

Esse código funciona apenas com um texto por vez, ou seja se você quiser que vários textos fiquem piscando ao mesmo tempo, precisará de uma solução mais completa.

SEU TEXTO AQUI

Esse efeito de piscar, deixa um elemento transparente e depois de meio segundo volta a opacidade normal.

você pode utilizar em imagens, em Tabelas, em parágrafos inteiros, em qualquer elemento na sua página web. apenas inserindo um "ID", com nome piscando.

Se você quer aprender mais, continue acompanhando nosso conteúdo.

Não sei se você sabe, mais eu crio templates para blogger e tenho um curso que ensina a fazer isso também.

Deixe seu comentário a baixo com suas dúvidas e sugestões de novos conteúdos.

Te vejo na próxima.

Compartilhar: