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

# Animation

Animate a section to enhance its visual appeal and user experience using techniques like CSS animations, JavaScript libraries, frameworks, or the Web Animation API:

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FbXfyDyS8HvH82KIjPdhb%2Fimage.png?alt=media&amp;token=e488faba-1e21-410d-9153-b3b8d18fd13d" alt=""><figcaption></figcaption></figure>

* **Ambient movement:** An image with ambient animation will smoothly and gradually float around the screen, creating a subtle and gentle movement effect.

{% embed url="<https://drive.google.com/file/d/1ra5ZK9xv9RdgGzVSxOQRTh6yd_tllpg0/view?usp=sharing>" %}

* **Zoom in on scroll:** Implement image zooming on scroll, enabling customers to view images in greater detail as they scroll down the page.

{% embed url="<https://drive.google.com/file/d/1csZ0M-6EHFfobxb63BQzBbOkHqMpNe5F/view?usp=sharing>" %}