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
Select your CTA layer in Studio.
Go to the Animations tab in the right-hand menu.
Use the āScaleā animation and add it four times in a row.
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%
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 š
ā
