"Pulse" animation for buttons

Technical
1

Hello!

How can I make the CTA buttons on my landing page pulse? There should be some code to make the pulse animation for buttons.

1 Like
2

Hi @siarsdigital,

Please go to Custom Codes > Custom CSS and add this:

.pulsing-btn {
animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(.9);
  }
  70% {
        transform: scale(1);
    box-shadow: 0 0 0 50px rgba(#5a99d4, 0);
  }
    100% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 rgba(#5a99d4, 0);
  }
}

Then, select any element, go to Advanced, and the following class: pulsing-btn

image
image416×602 14.2 KB

Let us know how it goes.

Best,
Fey @Funnelish.