"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.

2 Likes
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.

1 Like
3

Hey,
How can i make the button be static and only animate after 5 seconds.
With these lines of code i can only get it to move very slowly, but not be completely static with pulsing intervals.

1 Like
4

Hi @RobertvM,
Am not so sure what you mean by Static,

If delaying the animation a little longer is what you are interested in, please set 1.5s to a longer period of time e.g. *5s *.

If that’s not it, please provide an example (preferably a direct URL) of what you are trying to accomplish.