Como fazer botão ficar piscando com CSS

Para fazer um elemento piscar você pode usar um script CSS muito simples. No CSS é usado a propriedade: animation. Confira o script abaixo.

				
					/* Definir o elemento que irá piscar */
.elemento-piscando {
  animation: piscar 1s infinite;
}

/* Definir a animação */
@keyframes piscar {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

Apliquei esse script em um botão, veja como ficou:

Por Paulo Anderson, Idealizador dor Curso de WordPress para Empreendedores Digitais (WED) – Saiba mais

Quer aumentar suas oportunidades no mercado digital?

Conheça o método WED, onde ensino pessoas comuns a criar Sites e Landing Pages profissionais sem a necessidade de saber programar. Esse mercado paga no mínimo R$500 por criação de uma simples Landing Page.

Clique aqui para saber mais.