Animations

Overview

Entrance animations make your content more dynamic by animating bricks as they appear on screen. Each brick can have its own animation.

Configuring Animations

  1. Go to Theme > Animations
  2. Select a default animation for all brick types, or configure per-type animations
  3. Choose from available animation presets

Animation Types

Available entrance animations include:

  • Fade in — Simple opacity transition
  • Slide up — Slides in from below
  • Slide left / right — Slides in from the side
  • Scale — Grows from small to full size
  • Bounce — Bounces into view
  • None — No animation (instant appearance)

Per-Brick Overrides

Individual bricks can override the default animation from their style settings in the brick panel.

Performance

Animations are CSS-based and hardware-accelerated for smooth performance across devices. They only play once when the brick first enters the viewport.

Animations