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

Made with 💙 by Pablo Armenv2.1.15

AboutPrivacyTerms
Home
/Patterns
/139. Transition: Zoom-Out on Hover

139. Transition: Zoom-Out on Hover

 DesktopPathfindingWebEnglish

Applies a zoom-out visual transition to an element, typically an image or illustration, when a user hovers over it. This interaction provides immediate visual feedback, indicating interactivity and drawing attention to the element on desktop web interfaces.

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Pattern ID
9
UX Flows
Pathfinding
UI Components
Transition
Hover Event
Image / Illustration
Version

TNW Speakers

notion image
 

Related Patterns

  • 257. Transition: Zoom-In to Full Screen (on Click)
  • 336. Transition: Zoom-In/Out for Browser Windows
  • 317. Zoom In—Out Transition on Click

Need more inspiration?

Found this pattern useful?