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

Made with 💙 by Pablo Armenv2.1.15

AboutPrivacyTerms
Home
/Patterns
/286. Background Animation on Scroll

286. Background Animation on Scroll

 DesktopAwarenessPathfindingWeb

Animates a background element, often an image or illustration, as the user scrolls, creating a dynamic visual transition. The background can be fixed in position relative to the viewport.

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
Español
Pattern ID
287
UX Flows
Awareness
Pathfinding
UI Components
Animation
Transition
Image / Illustration
Fixed on Scroll
Version

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)

Need more inspiration?

Found this pattern useful?