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.