Sources & content
Motion & animation
In code mode, the Agent can add CSS- and script-driven motion to slides—live in canvas preview, static frames in exported files.
What motion is
Motion and animation are visuals that change over time on a slide—gradient shifts, pulsing dot fields, entrance effects, canvas-drawn animation, and more. The Agent generates them with the slide; they play live in browser canvas preview to add pacing and visual interest.
Common motion types
- CSS motion: gradient transitions, fade, translate, scale, and similar style animations.
- Entrance effects: titles, bullets, or visual blocks appearing when you land on the slide.
- Programmatic backgrounds: dot fields, particles, grids—looping or semi-looping script-driven effects.
- Canvas animation: richer paths, shapes, or data-driven dynamic drawing.
The Agent matches motion intensity to your story and design— not every slide gets animation. For static icons and diagrams, see Visual elements.
How to generate
- Describe intent in chat: “Slow gradient background on the cover” or “Fade in bullets on slide 3.”
- Say how bold you want it: restrained corporate, techy, or high impact.
- The Agent implements motion together with layout and colors when rendering.
- To iterate: “Slower motion” or “Remove the loop—entrance only.”
Example prompts
Add a slow, dark gradient background on the cover—restrained and corporate.
The Agent builds motion when rendering; you see it live in canvas preview.
On slide 3, fade in the four bullets one by one—about 0.3s apart, not too flashy.
Motion is too fast—slow everything by half, remove the background loop, entrance only.
Structural tweaks → chat; density/speed may also be tunable in refine when exposed.
This slide will be exported as PDF—make the frozen frame stable; don’t rely on looping motion.
PDF / PPTX export captures a static frame—see Preview vs export below.
How to tune
Some animated visual blocks support canvas refine without regenerating the whole slide.
- Turn on edit mode, select the animated block, open Refine properties.
- When parameters are exposed, the panel shows controls—e.g. enable entrance, duration, density, speed, color (varies by block).
- Preview live, then Apply to save.
- Structural changes (new motion type, re-orchestrating the whole slide) are still best via chat with the Agent.
Preview vs export
- Canvas preview and share links: motion plays in the browser; animations activate or stop per slide as you navigate.
- PDF / PPTX / image ZIP: export captures a single static frame— not the full live motion you see in preview.
- Looping animation: exported files usually show one frame; split into multiple slides to tell a multi-step motion story.
- Present mode: motion in the browser matches canvas preview.
When to use
- Covers, section breaks, closers: light motion for atmosphere— don’t overdo it.
- Launches and brand decks: moderate motion can improve recall.
- Data-heavy or text-dense slides: usually stay static so attention stays on content.
- Online presenting (share link + browser): motion pays off more than offline PDF-only circulation.
Scope & limits
- Code mode only: image mode has no separate motion layer; revisions are mostly full-page regeneration via chat.
- Not native PowerPoint animation: exported PPTX embeds motion as pixels—you cannot edit animation timelines in PowerPoint.
- Refine parameters vary by block—not every effect exposes tunable controls.
- Performance and readability: the Agent avoids overly heavy loops that hurt preview smoothness.