Como fazer botão ficar piscando com CSS

CSS no Elementor

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.

3 respostas

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Sua empresa merece o topo!

Chame no whatsapp agora mesmo e aproveite uma condição especial.