> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fetchski-attract.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Motion

> Turn your site's animations on or off with one switch. Visitors who prefer less motion always get a still site.

Animations make your site feel alive: sections glide in as visitors scroll, numbers count up and logo strips drift by. One switch turns most of them on or off. A few moving strips keep drifting with it off, and you stop those in their own settings (see below).

 **Who can do this:** Editors, Admins and Owners.

## Open Motion

* In the toolbar (the bar across the top of your site once you're signed in; see [The toolbar](https://docs.fetchski-attract.com/guides/get-started/toolbar-and-command-palette.md#the-toolbar)), choose **Site design**, then the **Motion** tab.
* Or open the command palette (⌘K, or Ctrl+K on Windows), choose **Site design**, then **Motion**.

![Site design open on Motion, showing the Enable animations switch turned on and its help text.](https://mintcdn.com/fetchski-attract-api/5p16uJgtNdjvJND9/images/cms/guides/site-design/motion/guides-site-design-motion-screen-light.png?fit=max\&auto=format\&n=5p16uJgtNdjvJND9\&q=85\&s=abd36b165baf0cc7930758e1f7e8596a)

The Motion tab: one switch for every animation on your site.

## Enable animations

**Enable animations** is on for a new site. It controls the motion on your whole site:

* sections that fade or slide in as visitors scroll;
* numbers that count up, as in a Stats section (a band of big numbers; see [Stats](https://docs.fetchski-attract.com/guides/sections/stats.md));
* the smooth, speed-matched scrolling of moving strips, such as a row of logos or a footer marquee;
* the entrance of the Hero (the big opening section at the top of a page; see [Hero](https://docs.fetchski-attract.com/guides/sections/hero.md)) and the gentle motion in galleries.

Turn it off for a calmer site. Every section then appears in its finished state right away, and your pages load a little faster.

A scrolling Logos strip (a row of partner or client logos; see [Logos](https://docs.fetchski-attract.com/guides/sections/logos.md)) and the footer marquee still drift slowly with the switch off. To make them still for every visitor:

* In the Logos section's editor, on its **Logos** tab, set **Display** to **Static grid**.
* In **Site design** → **Footer: Marquee**, turn off **Show marquee by default**, and set any page that chooses **Show** back to **Use the site default** or **Hide**.

A pause button (see below) is different: the strip still moves when a visitor arrives, and they can stop it.

With the switch off, a **Team**, **Testimonials**, **Google Reviews** or **Instagram Feed** section set to a carousel layout, such as **Carousel (animated marquee)**, stops moving. Instead of a row of cards that scrolls by, it shows its cards standing still in rows and columns. Nothing goes missing.

## Put the change live

Choose **Update** to save the change and put it live on your site. To save it without putting it live yet, open the arrow next to **Update** (**More save options**) and choose **Save Draft**. Your changes wait there; open the window again and choose **Update** when you're ready to put them live.

## See the animations

Animations play for visitors, not while you're signed in. That way sections stay put while you edit and move them.

To see your site the way visitors do, open it in a private window (Incognito in Chrome), which isn't signed in.

![A Parker's Stats section halfway through its entrance as a visitor scrolls: the cards sliding up into place and the numbers counting up.](https://mintcdn.com/fetchski-attract-api/-xGXn_krfc_rfFbR/images/cms/guides/site-design/motion/guides-site-design-motion-reveal-light.png?fit=max\&auto=format\&n=-xGXn_krfc_rfFbR\&q=85\&s=d381031b703656defaafbb9eaf3694c2)

With animations on, sections come to life as visitors scroll.

## Good to know

* **Visitors who prefer less motion always get a still site.** Some people set their phone or computer to reduce motion. Your site skips the animations for them, even with the switch on.
* **Add a pause button to moving backgrounds.** Turn on **Show pause button on background motion** so visitors can stop the motion. It helps keep your site accessible. You find it in these places:
  * a Hero: on its **Hero** tab, below **Background video**, once **Background type** is **Video (with image fallback)**;
  * a Logos section: on its **Logos** tab, while **Display** is **Marquee (scrolling)**;
  * a Device mocks section (drawn TV, desktop or phone screens; see [Device mocks](https://docs.fetchski-attract.com/guides/sections/device-mocks.md)): on its **Device mocks** tab, once a screen shows a video;
  * the footer marquee: **Site design** → **Footer: Marquee** → the **Marquee** card.
* **Sections have their own motion options.** Galleries and buttons have extra motion settings in their own editors. The Motion switch still turns all scroll animations off at once.

## Related

> [card] [Hero](https://docs.fetchski-attract.com/guides/sections/hero.md)
>
> the entrance animation and the pause button.

> [card] [Footer](https://docs.fetchski-attract.com/guides/site-design/footer.md)
>
> the footer marquee.

> [card] [Site design](https://docs.fetchski-attract.com/guides/site-design/index.md)
>
> every tab on this screen.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.