F�rum Senha piscar na tela. #528698

14/08/2015

Ol� pessoal estou fazendo manuten��o em um sistema de senhas, e agora chegou um pedido para fazer as senha piscar quando for chamada ela deve ficar piscado ate ser acionado o bot�o de de atendimento.Pesquisei na internet e encontrei algo como animate.css. Algu�m j� fez algo do tipo? preciso de dicas?

Rafael Prado

Curtir t�pico

+ 0

Responder

Post mais votado

14/08/2015

Voc� pode trabalhar com css. Ele possui muitas propriedades que ajudam para isso.
Vou deixar um exemplo b�sico para voc�.

O CSS ficaria desta forma:

a {
  -moz-animation-duration: 400ms;
  -moz-animation-name: blink;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  
  -webkit-animation-duration: 400ms;
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  
  animation-duration: 400ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@-moz-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}

@-webkit-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}

@keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}

E o texto ficaria assim:

<a href="#">Blink</a>

Note que estou chamando a tag a para usar as Animations. Mas isso � opcional. Voc� coloca da forma que achar melhor em seu cen�rio.

Voc� pode ver um exemplo funcional clicando aqui.

Randrade

Responder

Gostei + 1