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

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/257. Transition: Zoom-In to Full Screen (on Click)

Transition: Zoom-In to Full Screen (on Click)

 MobilePathfindingApple OSEnglish

Generated Description

Tapping the album art smoothly zooms it to full screen, providing an immersive view of the artwork and enhancing the visual experience.

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 257. Transition: Zoom-In to Full Screen (on Click).

Device (Tabs)
Mobile
System (OS)
Apple OS
Language (i18n)
English
Description
Tapping the album art smoothly zooms it to full screen, providing an immersive view of the artwork and enhancing the visual experience.
VotesUp
VotesDown
Pattern ID
261
UX Flows
Pathfinding
UI Components
Transition
Animation
Progress State
Sound Bar
Image / Illustration
Lyrics
Tap Event
Version
2.1.19

Spotify

HD available on Youtube
HD available on Youtube
 

Related Patterns

  • 139. Transition: Zoom-Out on Hover
  • 209. Apple Calendar - Zoom Transition Navigation
  • 317. Zoom In—Out Transition on Click
  • 336. Transition: Zoom-In/Out for Browser Windows
 

Still searching?

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

Send feedback