Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/286. Background Animation on Scroll

Background Animation on Scroll

 DesktopAwarenessPathfindingWeb

Generated Description

This pattern uses a fixed background image that animates and shifts as the user scrolls, creating a dynamic and engaging visual experience.

View more...

Pattern Metadata

Released: Dec 28, 2021

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 286. Background Animation on Scroll.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
Español
Description
This pattern uses a fixed background image that animates and shifts as the user scrolls, creating a dynamic and engaging visual experience.
VotesUp
VotesDown
Pattern ID
287
UX Flows
Awareness
Pathfinding
UI Components
Animation
Transition
Image / Illustration
Fixed on Scroll
Version
2.1.19

Apple ID Website

notion image
 

Related Patterns

  • 212. Automatic Background Animation (on Load)
  • 235. Background Animation (on Mouse Hover)
  • 264. Interactive Background Animation
  • 274. Interactive Background Animation
  • 303. Background Animation (on Load)

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback