# Animations

Bring your store to life with smooth transitions and subtle motion effects. The **Animations** settings in Pebble let you enable page transitions and scroll-triggered animations to create a more dynamic browsing experience.

## Page transitions

![image](https://docs-assets.foxecom.app/pebble-theme/ani%202_Lzjx9ZBs.gif)

The **Enable page transition** option adds a fade overlay effect when navigating between pages.

This enhances the user experience and creates a smoother, more polished look when customers move around your store.

## Scroll-triggered animations

![image](https://docs-assets.foxecom.app/pebble-theme/ani%201_wcLYvNTi.gif)

The **Enable animations** option triggers subtle animations for sections and blocks as they appear on screen while scrolling, adding visual engagement and modern flair.

![image](https://docs-assets.foxecom.app/pebble-theme/image_NFQZHlkr.png)

<Hint type="info">

**Note:** To use scroll-triggered animations, make sure the element’s **Animation > Type** setting is set to anything **other than None.**

</Hint>

## How to enable animations

<Hint type="success">

Steps:

1. In the theme editor (**Customize**), click **Theme settings**.
2. Locate **Animations**.
3. Toggle **Enable page transitions** to activate the fade overlay effect between pages.
4. Toggle **Enable animations** to add scroll-triggered animations for sections and blocks.
5. Click **Save**.

</Hint>

![image](https://docs-assets.foxecom.app/pebble-theme/image_pbHzZgaQ.png)