Como fazer um botão PULSAR no Elementor

realizando análise…

Botão Pulsar no Elementor: Como fazer o botão de uma Landing Page ou Site ficar PULSANDO para chamar atenção dos visitantes.

Botão Pulsar no Elementor: CÓDIGO CSS

Primeiramente, lembre de colocar o ID do Botão.

ESTA USANDO O ELEMENTOR PRO? USE ESSE CÓDIGO.

Caminho: Configurações > Avançado > CSS Personalizado ou Custom CSS.

				
					#bt_pulse {-webkit-animation: pulse 1.0s infinite;}

#bt_pulse:hover {-webkit-animation: none;}

@-webkit-keyframes pulse {0% {@include transform(scale(.9)); } 70% {@include transform(scale(1));
    box-shadow: 0 0 0 50px rgba(#5a99d4, 0);} 100% {@include transform(scale(.9)); box-shadow: 0 0 0 0 rgba(#5a99d4, 0);}}
				
			

ESTA USANDO O ELEMENTOR FREE? USE ESSE CÓDIGO DENTRO DE UM BOX HTML

				
					<style type="text/css">
    #bt_pulse{-webkit-animation: pulse 1.0s infinite;}

    #bt_pulse:hover {-webkit-animation: none;}

@-webkit-keyframes pulse {0% {@include transform(scale(.9)); } 70% {@include transform(scale(1));
    box-shadow: 0 0 0 50px rgba(#5a99d4, 0);} 100% {@include transform(scale(.9)); box-shadow: 0 0 0 0 rgba(#5a99d4, 0);}}
</style>
				
			
Desconto especial para você!

Inscreva-se agora por apenas R$147

* Temos poucas vagas, para não tirar a vaga de outra pessoa, peço que só clique no botão abaixo se realmente estiver comprometido com o seu aprendizado.

6 Comentários

Deixe um comentário

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

NewsLetter

Cadastre-se para receber atualizações e ofertas exclusivas.

Você pode gostar

Agradeço por ter lido até aqui!

Quero te ajudar a melhorar suas habilidades em marketing digital, WordPress e Elementor com conteúdos exclusivos. Inscreva-se agora para receber nosso conteúdo e comece a se destacar no mercado!