Como instalar o EFEITO PULSE (pulsar) em um elemento
Para instalar o efeito de pulsar em algum elemento de sua página, siga este passo a passo abaixo:
Acesse o seu editor de páginas;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng6png_n4lq0o.png)
Clique no ícone de engrenagem localizado no canto superior direito da sua tela;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng2png_1qk8s9c.png)
Em seguida, selecione a opção Javascript/Css;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng3png_13089qz.png)
Clique em Adicionar código;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng4png_x3hb22.png)
Dê um nome ao código, classifique-o como funcionamento e instale o código abaixo:
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng5png_1cn84tu.png)
Em seguida, você vai precisar identificar o ID do elementoem que o efeito será aplicado;
Caso você não saiba como identificar o ID de um elemento no GreatPages, clique aqui e veja nosso tutorial.
Depois disso, informe no campo destacado abaixo o código da cor que gostaria de aplicar com o efeito de pulsar ;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng2png_tzsikh.png)
Caso não saiba como identificar o código de uma determinada cor, clique aqui e veja um site que te ajuda neste passo.
Por fim, clique em "Salvar".
Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar.
Acesse o seu editor de páginas;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng6png_n4lq0o.png)
Clique no ícone de engrenagem localizado no canto superior direito da sua tela;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng2png_1qk8s9c.png)
Em seguida, selecione a opção Javascript/Css;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng3png_13089qz.png)
Clique em Adicionar código;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng4png_x3hb22.png)
Dê um nome ao código, classifique-o como funcionamento e instale o código abaixo:
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng5png_1cn84tu.png)
<style>
#e0000000 .c {
--pulse: 0 0 0 0 #7fff00;
animation: pulse 3s infinite;
-webkit-animation: pulse 3s infinite;
-moz-animation: pulse 3s infinite;
-o-animation: pulse 3s infinite;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: var(--pulse)
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(0, 200, 0, 0)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 200, 0, 0)
}
}
@-o-keyframes pulse {
0% {
-webkit-box-shadow: var(--pulse)
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(0, 200, 0, 0)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 200, 0, 0)
}
}
@-ms-keyframes pulse {
0% {
-webkit-box-shadow: var(--pulse)
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(0, 200, 0, 0)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 200, 0, 0)
}
}
@-moz-keyframes pulse {
0% {
-webkit-box-shadow: var(--pulse)
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(0, 200, 0, 0)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 200, 0, 0)
}
}
@keyframes pulse {
0% {
-webkit-box-shadow: var(--pulse)
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(0, 200, 0, 0)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 200, 0, 0)
}
}
</style>
Em seguida, você vai precisar identificar o ID do elementoem que o efeito será aplicado;
Caso você não saiba como identificar o ID de um elemento no GreatPages, clique aqui e veja nosso tutorial.
Depois disso, informe no campo destacado abaixo o código da cor que gostaria de aplicar com o efeito de pulsar ;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng2png_tzsikh.png)
Caso não saiba como identificar o código de uma determinada cor, clique aqui e veja um site que te ajuda neste passo.
Por fim, clique em "Salvar".
Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar.
Atualizado em: 01/09/2022
Obrigado!