Animation

Updated
View as text
Open in Confluence
Open in ChatGPT Open in Claude

Places one of 28 ready-made looping illustrations on the page.

Use it to break up a wall of text on a landing page, space home or team page with a bit of motion, no designer needed. Pick from a fixed set of business-flavoured illustrations (Brainstorming, Team Schedule, Secure Network and so on), then choose how big it is and where it sits. It is deliberately unstyled: no frame, border, shadow, corner radius or padding, because a box drawn around a transparent illustration just reads as clutter. It plays automatically when a reader views the page and pauses while anyone is editing that page, so it never animates under an author's cursor.

A Confluence page in edit mode with an animation in a two column layout, overlaid with a note that animations are paused while editing pages, and a callout reading type slash anim and press enter
Animations play on the published page and stay paused while anybody is editing it.

#See it

Every example below is a real macro on this page, not a screenshot, and each one is a configuration taken from a page somebody actually built. Open this page in the editor to see how any of them is set up.

#Creative Solutions, centred

#Color Palette, centred

#Assets, centred

#Settings

Capable Macros with the Animation macro selected, a Color Palette illustration in the preview and the Try it out settings on the right
Pick the illustration first, then set whether it loops, how it looks in dark mode, its height and alignment in the Try it out panel on the right, watching the preview as you go.

Setting

Values

What it changes

Animation

A fixed list of 28: Assets, Boosters, Brainstorming, Business Meeting, Business Teamwork, Color Palette, Complete Checklist, Complete Tasks, Cooperation, Creating Application, Creative Solutions, Glowing Startup, Management Tools, Office Board, Password, Scheduling, Search Engine, Secure Network, Social Media Communication, Social Media Highlights, Startup Background, Task Allocation, Team Schedule, Time, UI Design, User Interface, Visual Content, Web System.

Which illustration plays. Described in the form as "Pick the animation to use".

Loop

On / Off

On, the animation plays on repeat. Off, it plays once and stops on its last frame. Described in the form as "Whether the animation should loop".

Invert on dark mode

On / Off

On, the illustration's light and dark tones are swapped when the reader is in Confluence dark mode, while its colours stay recognisable, so light artwork stays legible on a dark page. Off keeps the original colours. Described in the form as "Adjust the animation's colors in dark mode. Turn off to keep the original colors."

Height

A number from 200 to 1000, in steps of 50

Sets the size of the animation. It sets both height and width, so the animation always fills a square of this size, never wider than the page column. A value outside 200 to 1000 is brought back into that range. Described in the form as "The height of the animation".

Align

Left, Center, Right

Where the square sits within the page column. Described in the form as "The alignment of the animation".

A landing page, not a document.