Add Entrance and Hover Animations

Animations make text, images and buttons feel alive. They play as the visitor scrolls the element into view, and some react to the cursor.

What you can animate

• Text elements (heading, sub-heading, paragraph, bullet list): entrance animations.
• Images and buttons: entrance, hover and loop animations.

Entrance families include Fade, Slide, Bounce, Rotate and Zoom. Hover effects run when the cursor rests on the element. Loop effects repeat continuously.

Apply an animation

1. Open the page in the builder.
2. Select the text, image or button.
3. Open the animations tab in the style editor.
4. Pick an entrance, hover or loop effect.
5. Watch it play on the canvas to check timing and direction.
6. Save and publish.

Design guidance

• Use one entrance style per page for a calm, consistent feel.
• Reserve bounce and loop effects for a single call-to-action, not every element.
• Hover effects work best on buttons and linked images.
• Animations behave consistently across devices, but check mobile anyway.

Troubleshooting

If an animation seems missing in the builder, scroll the element into view. Entrance effects are triggered by scrolling, not by loading.

Good to know: Subtle fades and short slides convert better than flashy motion because they guide the eye without distracting from the offer.