[Botão] Pulsar Hover
Adicione um Widget de botão no Elementor
Defina a Classe no botão : button
Cole esse código no botão (Avançado/Custom CSS)
Código CSS
Copiar Código
/* - Cores do BG: mude no linear-gradient abaixo (#00FF73 → #84FFBC) - Arredondamento: ajuste o border-radius - Tempo da animação: mude o "2s" nas declarações de animation */ .button .elementor-button{ background: linear-gradient(30deg, #00FF73, #68FFAC); /* defina as cores do BG aqui */ border-radius: 20px; /* defina o arredondamento aqui */ background-size: 100% auto; } /* Hover: desloca o gradiente e aplica pulsação */ .button:hover .elementor-button{ background-position: right center; background-size: 200% auto; -webkit-animation: pulse512 2s infinite; /* defina o tempo da animação */ animation: pulse512 2s infinite; /* defina o tempo da animação */ } /* Efeito de “pulso” (aura) em verde */ @keyframes pulse512 { 0% { box-shadow: 0 0 0 0 #00FF7380; /* verde com ~50% de opacidade */ } 70% { box-shadow: 0 0 0 20px #00000000; /* desaparece (transparente) */ } 100% { box-shadow: 0 0 0 0 #00000000; /* volta ao inicial (transparente) */ } }