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

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/235. Background Animation (on Mouse Hover)

Background Animation (on Mouse Hover)

 DesktopDecision MakingAwarenessPathfinding

Generated Description

This pattern uses a subtle background animation on hover to provide visual feedback, guiding users to interactive elements and enhancing discoverability.

View more...

Pattern Metadata

Released: Jul 10, 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 235. Background Animation (on Mouse Hover).

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
Español
Description
This pattern uses a subtle background animation on hover to provide visual feedback, guiding users to interactive elements and enhancing discoverability.
VotesUp
1
VotesDown
Pattern ID
245
UX Flows
Decision Making
Awareness
Pathfinding
UI Components
Animation
Hypertext Links
Version
2.1.19

Disney+

notion image
 

Related Patterns

  • 212. Automatic Background Animation (on Load)
  • 264. Interactive Background Animation
  • 274. Interactive Background Animation
  • 281. Background Animation (on Mouse Move)
  • 303. Background Animation (on Load)

Still searching?

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

Send feedback