You build a page, drop in a nice call-to-action button, and it just sits there. Someone hovers over it and nothing happens. It works, but it doesn't feel clickable.

Until now, the only way to fix that was writing custom CSS, which is a hard no for most of us. That's changed.

What landed

Your buttons can now respond when a visitor hovers over them. There are 21 built-in effects to choose from, and you can adjust things like colour, size, distance and timing right in the sidebar. No code, no plugins, no help from anyone technical.

The effects are grouped into six simple categories: Scale, Rotation, Movement, Background, Border and Shadow. So whether you want a button to grow a little, glow, sweep with colour, or gently bounce, there's an option for it.

How to add a hover effect

Start on your page in the builder and click the button you want to animate.

With the button selected, open the Animation tab in the sidebar, then go to Hover Animation. You'll see the grid of effects, sorted into those six categories.

Here's the part I like. Hover over any effect card and it previews live on your actual button on the canvas. So you can try before you commit, instead of guessing from the name.

When you find one you like, click it to select it. That's the basic version done. Your button now has a hover effect.

Fine-tuning it

If you want to go a step further, the Adjust panel sits right below the effect grid. And it's tidy about it - it only shows the settings that actually apply to the effect you picked, so you're never scrolling past options you don't need.

Every effect gives you the core timing controls:

• Duration - how long the animation runs
• Delay - a pause before it starts
• Easing - how smoothly it moves

Then, depending on the effect, you'll see extra controls. A Scale effect lets you set how much it grows. A Rotation effect gives you an angle. Background and Border effects let you pick fill colour and thickness. Shadow effects let you set the colour, blur and spread.

Have a play with these. Small changes to duration and colour make a big difference to how the button feels.

A few things it handles for you

• Phones and tablets: hover effects switch off automatically on touch devices and narrow screens, so you never get a button stuck mid-animation.
• Entrance animations: if your button already fades or slides in when the page loads, the hover effect waits politely until that finishes.
• Copies and duplicates: cloned buttons, sticky bar buttons and navigation duplicates carry the same hover behaviour as the original, so you don't have to redo it.

This is one of those small touches that makes a page feel finished. Pick your most important button, give it a subtle effect, and see how much more clickable it feels. It'll take you a couple of minutes.