Skip to main content

💥 How to Create a Custom Pulsing Animation for Your CTA Button

Looking for a more custom pulsing animation? This guide is for you if the default Pulse effect didn’t give you the look you wanted.

Anna Sophie Witte avatar
Written by Anna Sophie Witte
Updated over 3 weeks ago

Start by designing the look of your Call To Action button - now it's time to add animations! 🚀

🧪 Why a Custom Pulse?

Our built-in Pulse effect is quick and easy (see that article here), but sometimes you need more control. That’s where this step-by-step guide comes in. You’ll get the exact speed, size, and rhythm you want for your CTA.

🎯 Step-by-step: Create a Manual Pulse with Scale

  1. Select your CTA layer in Studio.

  2. Go to the Animations tab in the right-hand menu.

  3. Use the “Scale” animation and add it four times in a row.

  4. Adjust the values like this:

    • 1st Scale: 100% → 110% (element gets 10% bigger)

    • 2nd Scale: 110% → 100% (element gets 10% smaller)

    • 3rd Scale: 100% → 110%

    • 4th Scale: 110% → 100%

  5. Change the Start time of each animation to space them evenly for that smooth pulse effect.

🔁 Loop it up

You can repeat this sequence as many times as you’d like.

Just follow the rhythm:

110 - 100 - 110 - 100

Add Easing to your animations to make them feel smoother on entry and exit. You’ll find Easing options in the animation panel!

Already styled your CTA and ready for the next step? 👉 Here’s how to add a ClickTag


​Happy building and pulsing 👏

Did this answer your question?