Skip to content
English
  • There are no suggestions because the search field is empty.

Adding Motion to a Page Background

Let’s walk through background motion — a small toggle that adds subtle movement to a page’s background image, giving a static screen a little more life.

Available Motion Effects

Effect

What It Does

Drift

The background image moves gently and continuously, giving a subtle sense of motion without being distracting.

Zoom In

The background image slowly zooms in over time.

Zoom Out

The background image slowly zooms out over time.

Adding Motion to a Background

1. Select your page background — in the Builder.

2. Open background settings — in the Properties Panel.

3. Choose a motion effect — select Drift, Zoom In, or Zoom Out.tiled-background-motion-callouts@2x

Heads Up: Motion effects are subtle by design. If your background image has a lot of fine detail or text, a motion effect can make it harder to read — preview the page before publishing to confirm it still looks clean.

tiled-builder-motion-showcase@2x (1)

Try It Yourself: Apply each of the three motion options to the same background image and preview all three back to back to see which fits your content best.

Related Articles

• Getting to Know the Tiled Microapp Builder — Background Panel overview.