Animation

The Animation subsection triggers an animated entrance for the element when it becomes visible on screen. It consists of a preset and adjustable parameters (duration, delay, movements and rotation).

Preset animations

The Preset animations selector offers nine ready-to-use effects:

• Fade — the element appears with a fade, no movement.
• Fade right — fade + slide from the left.
• Fade left — fade + slide from the right.
• Fade up — fade + slide from the bottom.
• Fade down — fade + slide from the top.
• Zoom in — fade + progressive zoom toward the final size.
• Zoom out — fade + progressive zoom from a larger size.
• Rotate left — fade + rotation from the left.
• Rotate right — fade + rotation from the right.

Choosing a preset automatically configures the duration to 300 ms and the parameters below.

Fine settings

You can adjust each dimension independently:

• Animation duration (0–2000 ms) — total animation time.
• Appearance delay (0–2000 ms) — wait time before the animation starts, after the element becomes visible. Handy for cascading several elements.
• Sweep effect (-100 to 100 px) — horizontal translation at start. Positive = comes from the left, negative = comes from the right.
• Lift effect (-100 to 100 px) — vertical translation at start. Positive = comes from the bottom, negative = comes from the top.
• Zoom effect (0–2) — scale factor at start. <1 = zoom in, >1 = zoom out.
• Rotation effect (-180 to 180°) — rotation angle at start.

Reset

The Reset settings button clears the animation: the element appears instantly, with no transition.