Pular para o conteúdo
Agora
CSS para Elementor

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; […]

Como fazer botão ficar piscando com CSS
Publicidade

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.

Publicidade
Curso WED

Quer criar sites assim e cobrar por isso?

Aprenda WordPress e Elementor do zero, com aulas passo a passo e suporte.

Conhecer o curso
Paulo Anderson

Paulo Anderson

Idealizador do Curso WED. Ensina a criar sites e landing pages que vendem e a usar o marketing digital para empreender de casa.

3 Comentários

Deixe seu comentário

Seu e-mail não será publicado. Todo comentário passa por aprovação antes de aparecer.

Protegido contra spam
Continue lendo

Você também vai gostar

Newsletter

O melhor de sites, marketing e negócios digitais no seu e-mail.

Dicas práticas, tendências e aulas grátis. Sem spam: você sai quando quiser.