# Animation

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

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FqapHyVgLvIq9SJBWV8tU%2FScreenshot_114.png?alt=media&#x26;token=c60526f5-2d15-46f9-8f8e-3ffe8a6ecf40" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Scroll animation</strong></td><td>There are 3 options: <strong>disable</strong>, <strong>all screens</strong>, <strong>desktop only</strong>.</td></tr><tr><td><strong>Enable image lazy loading</strong></td><td>Improve page speed by delaying the loading of images until they are about to appear on screen.</td></tr></tbody></table>

**Page loading effect**

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2F5RGUa22m3QuTyc3AFExe%2Fimage.png?alt=media&#x26;token=5a7ada25-f511-4290-8795-4c3a10c62ba5" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="214.5999755859375"></th><th></th></tr></thead><tbody><tr><td><strong>Enable effect</strong></td><td>Activate a visual loading animation that appears while the page content is being loaded, enhancing user experience.</td></tr><tr><td><strong>Background color</strong></td><td>Select the main color of the effect when loading the page.</td></tr><tr><td><strong>Image</strong></td><td>Edit icon on page load.</td></tr></tbody></table>