> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/agile-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/agile-theme/theme-setting/animation.md).

# Animation

Animation on websites adds motion and engagement. It attracts attention, increases interaction, and enhances user experiences.

<figure><img src="https://2603381870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzHrRp9fYeFj0SVV6k2dP%2Fuploads%2FtoCeKlNxiB3aiXIvBPmd%2Fimage.png?alt=media&amp;token=140814c0-dc84-4c4b-9d52-513e4aabcbdd" alt=""><figcaption></figcaption></figure>

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Enable animation</strong></td><td>Enable animation when load and scroll down page</td></tr><tr><td><strong>Enable zoom effect</strong></td><td>Enable zoom effect when hover on image such as: banner, collection</td></tr></tbody></table>